2 votes

Le contenu HTML d'une Webview se chevauche

J'essaie d'afficher du contenu html à l'intérieur d'une webview dans Android. J'ai un lien html affilié à amazon. Ce lien contient une iframe. Mais malheureusement, le contenu de la webview se chevauche, voici à quoi cela ressemble :

enter image description here

Je suppose qu'il y a un problème avec ma webview, mais je ne sais pas ce qui ne va pas. Voici mon fichier activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
tools:layout_editor_absoluteY="81dp">

<WebView
    android:id="@+id/webView"
    android:layout_width="424dp"
    android:layout_height="534dp"
    android:layout_marginStart="8dp"
    android:layout_marginLeft="8dp"
    android:layout_marginTop="8dp"
    android:layout_marginEnd="8dp"
    android:layout_marginRight="8dp"
    android:layout_marginBottom="8dp" />

Voici ma classe de java :

public class MainActivity extends AppCompatActivity  {
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    WebView wv = (WebView) findViewById(R.id.webView);
    wv.loadUrl("about:blank");
    wv.loadUrl("file:///android_asset/test.html");

  }

Comme vous pouvez le voir, je récupère le fichier html du dossier asset. Voici à quoi ressemble le fichier html :

<html>
<body>

<iframe style="width:150px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="https://ws-eu.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&OneJS=1&Operation=GetAdHtml&MarketPlace=DE&source=ac&ref=tf_til&ad_type=product_link&tracking_id=test&marketplace=amazon&region=DE&placement=B07D83S33Z&asins=B07D83S33Z&linkId=db2ebcb1591dd69fda8b9d440c8060d6&show_border=false&link_opens_in_new_window=false&price_color=333333&title_color=0066c0&bg_color=ffffff">
    </iframe>
</body>
</html>

Pourquoi ce contenu se chevauche-t-il et ne s'affiche-t-il pas correctement ?

1voto

a2en Points 414

L'activation de Javascript résoudra votre problème

 wv.getSettings().setJavaScriptEnabled(true);

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X