Android Webview Ancre de Lien (lien Saut) ne fonctionne pas

J'ai une WebView dans mon Application Android qui est du chargement d'une chaîne HTML à l'aide de la loadDataWithBaseURL() la méthode. Le problème est que locaux les liens d'ancrage (<a href="#link">...) ne fonctionnent pas correctement. Lorsque le lien est cliqué, il est mis en évidence, mais ne faites défiler jusqu'à la correspondante de l'ancre.

Cela ne fonctionne pas si j'utilise la WebView est loadUrl() méthode pour charger une page qui contient des liens d'ancrage. Cependant, si je charge la même URL dans le navigateur, les liens d'ancrage faire le travail.

Est-il une manipulation spéciale nécessaire pour les faire fonctionner pour une WebView?

Je suis l'aide de l'API v4 (1.6).

Il n'y en a pas beaucoup pour le code, voici les parties pertinentes de certains test de code que j'ai travaillé avec:

WebView detailBody = (WebView) findViewById(R.id.article_detail_body);
String s = "<a href=\"#link\">LINK!</a><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><a name=\"link\"></a>Testing!";
detailBody.loadDataWithBaseURL(API.HomeURL(this), s, "text/html", "utf-8", "");
  • Salut Joel poster votre code...
  • J'ai posté les parties pertinentes du code. Comme vous pouvez le voir il n'y a pas beaucoup à elle. Le n ° de style ancre des liens ne pas causer la WebView pour faire défiler jusqu'à l'ancre.
  • vérifier ma réponse pour le même problème.
  • Pour la solution, voir cette réponse: stackoverflow.com/a/15162998/2116185
InformationsquelleAutor Joel | 2010-06-14
  1. 23

    Il semble que le problème est que j'ai eu une WebView dans un ScrollView. La WebView n'est pas en mesure de faire défiler un lien vers une ancre lorsqu'il est configuré comme ceci. Après refactoring ma mise en page pour éliminer la ScrollView, l'ancre des liens fonctionnent correctement.

    • ups! =), dans une webview le défilement automatique doit être! donc, nous n'avons pas besoin nid dans un Scrollview bon endroit.
    InformationsquelleAutor Joel
  2. 15

    Android Webview Ancre de Lien (lien Saut) ne fonctionne Pas

    Vrai, WebView Ancre des Liens, ou de Sauter les Liens mis en place par le LIEN du n ° de l'extension de l'URL ne fonctionnera pas lorsque le WebView est à l'intérieur d'un ScrollView(*).

    Encore, le problème pour moi et apparemment d'autres, c'est que le #LIEN ne fonctionne quand il est lancé à partir d'un contact dans un href, mais il est ignoré lorsqu'il est lancé via l'URL. D'autres symptômes incluent la navigation sur le lien seulement sur la première fois à une session ou à naviguer vers le bas du fichier html.

    La Solution est de charger l'url après un court délai.

    Voici un exemple:

    Mon code html est enregistré à l'actif: res/assets/help.html

    Avec des ancres comme ceci:

    <a name="helplinkcontacts"/>

    Et chargé comme ceci:

    final String baseUrl = "file:///android_asset/help.html#helplinkcontacts";
final WebView helpTextView = (WebView)findViewById(R.id.help_dialog_text);
helpTextView.loadUrl(baseUrl); //Ignores Anchor!!

    J'ai ajouté de la minuterie comme ceci:

    final String baseUrl = "file:///android_asset/help.html#helplinkcontacts";
final WebView helpTextView = (WebView)findViewById(R.id.help_dialog_text);
Timer timer = new Timer();
timer.schedule(new TimerTask() {
    @Override
    public void run() {
        helpTextView.loadUrl(baseUrl);
    }
}, 400);

    Remarque: des délais plus Courts, tels que les 100ms n'a pas pu naviguer sur le lien.

    (*) Il s'avère que beaucoup d'entre nous avons notre WebViews à l'intérieur de ScrollViews parce que nous avons commencé avec un TextView rendu Spannable texte qui prend en charge le code HTML et nécessite une ScrollView. De toute façon, retirez la ScrollView dès que vous convertissez votre TextView dans une WebView.

    • Manpearl" merci, votre réponse a résolu mon problème, ce qui était exactement le même que vous l'avez décrit. Votées. Note: j'ai simplement utilisé une autre façon de mettre en œuvre le retard: Handler handler = new Handler(); gestionnaire.postDelayed(new Runnable() { public void run() {mWebView.loadUrl(mUrlString);} }, 400);
    • cela a bien fonctionné pour moi une raison probable est immédiatement après de rendu webkit finitions il n'est pas prêt pour un hachage de sauter encore, dans mon cas, c'était le saut à l'arbitraire de la position.
    InformationsquelleAutor David Manpearl
  3. 6

    Ma Solution est , Cochez cette Réponse

    public class MainActivity extends Activity { 
    WebView myWebView; 
    public static boolean flag = false; 
    @Override 
    public void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        myWebView = new WebView(this); 
        myWebView.getSettings().setJavaScriptEnabled(true); 
        myWebView.loadUrl("file:///android_asset/chapters.html"); 
        setContentView(myWebView); 
        myWebView.setWebViewClient(new WebViewClient() { 
            public void onPageFinished(WebView view, String url) { 
                if (url.contains("#") && flag == false) { 
                    myWebView.loadUrl(url); 
                    flag = true; 
                } else { 
                    flag = false; 
                } 
            } 

        }); 
    } 
}
    • La webview ne cesse de rechargement
    • Jeesh, pourquoi voudriez-vous faire le drapeau statique ?! Aussi, le hachage peut avoir été encodée url (/ base64) . La solution dans et sur lui-même est sous-optimale: nécessite deux charges de même url, afin de travailler. Par-dessus tout, il pourrait ne pas fonctionner du tout, car il ne cible pas la cause réelle, qui est la WebView rendu de retard.
    InformationsquelleAutor MKJParekh
  4. 2

    J'ai eu un problème similaire. Rien ne serait sauter à l'ancre des balises dans le code html. Je n'avais pas mon WebView dans un ScrollView. Au lieu de cela, le problème a été l'url de base je passais dans loadDataWithBaseURL n'ont pas un signe deux-points (':') en elle. Je crois que le baseUrl besoin d'avoir un peu de texte, puis deux points, puis un peu plus de texte, par exemple "app:htmlPage24".

    Voici donc l'appel initial à mon WebView, juste pour charger les données dans la chaîne HTML_24:

    wv.loadDataWithBaseURL("app:htmlPage24", HTML_24, "text/html", "utf-8", null);

    Puis-je avoir une liste qui sauts de sections sur l'écran, en fonction de l'élément de la liste que vous appuyez sur:

    sectionsLV.setOnItemClickListener(new OnItemClickListener()
{
    public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3)
    {
        wv.loadUrl("app:htmlPage24#section" + arg2);
    }
});

    HTML_24 est quelque chose comme:

    <html>
...
<a name="section1"/>

...
<a name="section2"/>

...
<a name="section3"/>

...
</html>
    • C'était mon problème. J'était en train de charger du HTML à partir d'une chaîne de caractères et seulement à l'aide d'un nom d'hôte de l'URL de base (au lieu d'une pleine http chaîne). L'ajout de la http:// avant d'ancres de travail.
    • cela a fonctionné juste la première fois que je clique sur mon bouton.. si je tape 2 fois que je reçois un ERR_UNKNOWN_URL_SCHEME erreur.. des idées?
    InformationsquelleAutor ubzack
  5. 2

    WebView Android 4.0 ne parvient pas à ouvrir les Url avec des liens.
    par exemple
    "fichier:///android_asset/aide.html#helplinkcontacts"

    Ici est de savoir comment je suis arrivé il

    WebView wv = (WebView) nagDialog.findViewById(R.id.wv);
wv.getSettings().setJavaScriptEnabled(true);
wv.setWebViewClient(new MyWebViewClient(link));
wv.loadUrl("file:///android_asset/help.html");

    Et de définir la coutume WebViewClient classe

    class MyWebViewClient extends WebViewClient {
    private String link;

    public MyWebViewClient(String link) {
        this.link = link;
    }

    @Override
    public void onPageFinished(WebView view, String url) {
        if (!"".equals(link) && link != null)
            view.loadUrl("javascript:location.hash = '#" + link + "';");
    }
}
    InformationsquelleAutor Peter McKeown
  6. 2

    J'ai été confrontée au même problème. L'ancre du lien saut à l'arbitraire de la position. Assurez-vous de ne pas cacher les webview lors du chargement.

    Utilisation Invisible au lieu de gone.

    Ce changement a fixé mon problème.

    InformationsquelleAutor Ujjwal Goyal
  7. 0
    try this

String myTemplate = "<a href=\"#link\">LINK!</a><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><a name=\"link\"></a>Testing!";

myWebView.loadDataWithBaseURL(null, myTemplate, "text/html", "utf-8", null);

    le mot "Test!" doit être à l'extérieur de l'écran pour voir s'il fonctionne.

    • Normal liens fonctionnent correctement. Le problème que je vais avoir est liée à l'ancre de liens de sauts (voir mon test de code de l'échantillon).
    • J'ai beaucoup plus de <br/> balises dans mon code de test pour s'assurer que l'ancre est bien hors de l'écran. J'ai supprimé certains d'entre eux de garder l'extrait de code de l'absurde de large. Je m'excuse pour la confusion.
    • ne vous inquiétez pas Joel, mais son travail aujourd'hui?
    • Non, il ne fonctionne toujours pas pour moi. Cette simple test de code de travail pour vous?
    • yep ça marche!!!, pourriez-vous poster votre xml de mise en page?
    InformationsquelleAutor Jorgesys