Appel Java fonction de JavaScript sur Android WebView

Je veux faire un appel synchrone à certains de code Java dans mon application Android.

Je suis à l'aide de cette solution:
https://stackoverflow.com/a/3338656

Mon code Java:

final class MyWebChromeClient extends WebChromeClient {
        public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
            Log.d("LogTag", message);
            result.confirm();
            return true;
        }
    }

Mon code JavaScript:

<html>
<script>
function java_request(){
    alert('test');
}
</script>
<body>
<h2>Welcome</h2>
<div id="area"></div>
<form>
<input type="button" value="java_call" onclick="java_request()">
</form>
</body>
</html>

Quand je tape sur le java_call bouton, le bouton passe à l'état activé. Je peux voir 'test' dans le journal de la console. Tout est normal jusqu'ici.

Le problème est que le bouton n'est jamais à son état normal. Il reste dans l'état activé. Peut-être l'exécution de JavaScript est cassé ou quelque chose?

Pourquoi ne la touche jamais y retourner à son état normal?

InformationsquelleAutor ozkolonur | 2012-04-30

97

Je ne pense pas que ce soit la meilleure solution pour obtenir le javascript pour exécuter du code java. Voir ici:

Si vous souhaitez exposer native code HTML pour être appelable via javascript, procédez de la manière suivante autour de votre vue web de la déclaration:
```
JavaScriptInterface jsInterface = new JavaScriptInterface(this);
webView.getSettings().setJavaScriptEnabled(true);
webView.addJavascriptInterface(jsInterface, "JSInterface");
```
Déclarer la classe JavaScriptInterface:
```
public class JavaScriptInterface {
    private Activity activity;

    public JavaScriptInterface(Activity activity) {
        this.activity = activity;
    }

    @JavascriptInterface
    public void startVideo(String videoAddress){
        Intent intent = new Intent(Intent.ACTION_VIEW);
        intent.setDataAndType(Uri.parse(videoAddress), "video/3gpp"); 
        activity.startActivity(intent);
    }
}
```
Je suis la déclaration d'une fonction unique pour la lecture d'une vidéo, mais vous pouvez faire ce que vous voulez.

Enfin, vous appelez cela dans le WebView contenu via javascript simple appel:
```
<video width="320" height="240" controls="controls" poster='poster.gif'
       onclick="window.JSInterface.startVideo('file:///sdcard/test.3gp');" >
   Your browser does not support the video tag.
</video>
```
L'exemple est pris d'une autre réponse de la mine, sur la lecture de vidéos, mais devrait être d'expliquer suffisamment.

MODIFIER Comme par @CedricSoubrie commentaire: si la cible de la version de l'application est défini à 17 ou plus, vous devez ajouter l'annotation @JavascriptInterface au-dessus de chaque méthode que vous souhaitez exporter vers le web afficher.
- merci pour l'info, j'ai vu cette solution. depuis il y a un bug dans le paragraphe 2.3.X pour cette solution, je ne veux pas l'utiliser. solution de contournement a été très formidable.
- J'ai été en utilisant ce avec toutes les versions d'Android 2.2+, n'a jamais vu aucun bug. Pouvez-vous partager ce que c'est. Un lien est également très bienvenue.
- code.google.com/p/android/issues/detail?id=12987
- Je suppose que 'playVideo" et "startVideo" doit être la même?
- en fait, ce n'était pas la seule erreur dans ma réponse. J'ai corrigé maintenant.
- Extrêmement réponse claire ! Notez que vous devez ajouter le "@JavascriptInterface" annotation à n'importe quelle méthode que vous souhaitez à partir de votre JavaScript pour la version 17 ou plus. Source : developer.android.com/guide/webapps/webview.html
- Juste pour être clair: l'annotation est nécessaire si la version cible est 17 ou plus (pas la version de l'OS du téléphone). Btw, cette version n'existait pas dans le temps que j'ai posté ma réponse 🙂
- Si le problème de sécurité est de la plus haute priorité, puis à l'aide JavaScriptInterface pont n'est pas la meilleure solution. Au lieu d'utiliser onJsAlert() ou onConsoleMessage() pour la communication de javascript pour Android semble plus digne de confiance. Aussi, evaluateJavascript() peut être utilisée à partir de l'API level19+ pour la même fonctionnalité.
- pouvez-vous donner plus de détails sur qui? Quel sont les risques pour la sécurité dans l'utilisation de cette approche? Pouvez-vous lier à quelque part?
- href="http://www.rapid7.com/db/modules/exploit/android/browser/webview_addjavascriptinterface" >rapid7.com/db/modules/exploit/android/browser/... stackoverflow.com/questions/15736660/...
- Merci pour le lien. Autant je comprends le risque existe dans le cas, vous ne possédez pas tous les le contenu, c'est surtout quand le WebView peut héberger du contenu de tiers qui pourraient abuser de la jave de l'application. Sont les affaires de tout le contenu sûre que vous en pensez?
- Vous avez raison, le risque concerne en grande partie le chargement de contenu non approuvé dans webview. Et il y aurait encore d'autres attaques possibles (par exemple, les serveurs proxy, le mal JS servi par ces pages à travers les réseaux publicitaires ou d'autres sources de tiers) dans votre webview.
- Merci. Fonctionne parfaitement!
- post-nice..beaucoup m'aider
- Est il possible que je peux récupérer les événements avec url de notifier l'application web à partir de mon application mobile de l'état de connexion si en ligne ou hors ligne ,pour désactiver les appels de réseau lorsque le réseau est en mode hors connexion
- Je n'ai pas entièrement compris la question. BroadcastReceiver pouvez vous inscrire le changement dans l'état de réseau. Comme pour mon anser au-dessus de ce qui peut être propagé à l' WebView
- Ce à propos de le faire sur ios?
- désolé, je ne suis pas développeur iOS. Vous devriez probablement commencer un nouveau thread (ou de recherche déjà existants de la solution). Je pense que iOS registre de la manipulation de la coutume des régimes (comme myapp://) et de communiquer à la plate-forme de la couche de cette façon; la communication de webview est très similaire à Android. Cependant, encore une fois, je ne suis pas dev iOS, donc je ne suis pas prometteur que ce que je dis est vrai.
InformationsquelleAutor Boris Strandjev
1

Votre fonction retourne 'true'. Que fait le "onclick" de la propriété de votre code HTML est égal à true, donc le bouton reste 'a cliqué.'

InformationsquelleAutor R. Maynard

Les méthodes définies dans la "YourJavaScriptInterface" de la classe, n'oubliez pas d'annoter chaque méthode que vous souhaitez exposer avec "@JavascriptInterface", sinon la méthode ne sera pas déclenché.

Par exemple, le code ci-dessous est à partir de la Google Cloud Print JavaScript interface pour les appels à partir d'une webview page:

        final class PrintDialogJavaScriptInterface {
@JavascriptInterface
public String toString() { return JS_INTERFACE; }
@JavascriptInterface
public String getType() {
return cloudPrintIntent.getType();
}
@JavascriptInterface
public String getTitle() {
return cloudPrintIntent.getExtras().getString("title");
}
@JavascriptInterface
public String getContent() {
try {
ContentResolver contentResolver = getActivity().getContentResolver();
InputStream is = contentResolver.openInputStream(cloudPrintIntent.getData());
ByteArrayOutputStream baos = new ByteArrayOutputStream();
byte[] buffer = new byte[4096];
int n = is.read(buffer);
while (n >= 0) {
baos.write(buffer, 0, n);
n = is.read(buffer);
}
is.close();
baos.flush();
return Base64.encodeToString(baos.toByteArray(), Base64.DEFAULT);
} catch (FileNotFoundException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
return "";
}
@JavascriptInterface
public String getEncoding() {
return CONTENT_TRANSFER_ENCODING;
}
@JavascriptInterface
public void onPostMessage(String message) {
if (message.startsWith(CLOSE_POST_MESSAGE_NAME)) {
finish();
}
}
}

InformationsquelleAutor tyolab

Vous devez vous connecter pour publier un commentaire.