Android通過WebView調用 JS 代碼

原創 凌波微步1 2019-05-13 00:34

Android通過WebView調用 JS 代碼

1

a.　　webView.loadUrl("javascript:callJS()");

 
b.　　setWebChromeClient響應彈窗

1.佈局

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

<android.support.constraint.ConstraintLayout 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">

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        tools:layout_editor_absoluteX="136dp"

        tools:layout_editor_absoluteY="0dp"

        android:orientation="vertical"

        tools:ignore="MissingConstraints">

        <WebView

            android:id="@+id/webview"

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:layout_weight="1">

        </WebView>

        <LinearLayout

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:orientation="horizontal"

            android:layout_weight="3">

            <Button

                android:id="@+id/btnLeft"

                android:layout_weight="1"

                android:layout_width="match_parent"

                android:layout_height="match_parent"

                android:text="左邊" />

            <EditText

                android:layout_width="match_parent"

                android:layout_height="match_parent"

                android:layout_weight="1"

                android:gravity="center"

                android:text="0"/>

            <Button

                android:id="@+id/btnRight"

                android:layout_weight="1"

                android:layout_width="match_parent"

                android:layout_height="match_parent"

                android:text="右邊" />

        </LinearLayout>

    </LinearLayout>

</android.support.constraint.ConstraintLayout>

　　

2.index.html

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<!DOCTYPE html>

<html>

 

<head>

    <meta charset="utf-8">

    <title>Carson_Ho</title>

    // JS代碼

    <script>

    // Android需要調用的方法

    function callJS(){

        document.getElementById("test").innerHTML = "android button 點擊左邊 實現'webView.loadUrl('javascript:callJS()');'就可以響應";

        alert("Android調用了JS的callJS方法 實現‘webView.setWebChromeClient’纔有響應");

    }

</script>

 

</head>

<body>

    <div id="test"> 0000000000 </div>

</body>

</html>

3.java

 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

public class MainActivity extends Activity {

    WebView webView;

    Button buttonLeft, buttonRight;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

 

        webView = findViewById(R.id.webview);

        buttonLeft = findViewById(R.id.btnLeft);

        buttonRight = findViewById(R.id.btnRight);

 

        WebSettings webSettings = webView.getSettings();

        //允許使用JS

        webSettings.setJavaScriptEnabled(true);

        // 設置允許JS彈窗

        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);

 

        webView.loadUrl("file:///android_asset/index.html");

 

        buttonLeft.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View view) {

                webView.post(new Runnable() {

                    @Override

                    public void run() {

                        webView.loadUrl("javascript:callJS()");

                    }

                });

            }

        });

 

        webView.setWebChromeClient(new WebChromeClient() {

 

            @Override

            public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {

                AlertDialog.Builder b = new AlertDialog.Builder(MainActivity.this);

                b.setTitle("alert1");

                b.setMessage(message);

                b.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {

                    @Override

                    public void onClick(DialogInterface dialogInterface, int i) {

                        result.confirm();

                    }

                });

                b.setCancelable(false);

                b.create().show();

                return true;

            }

        });

    }

}

 

轉自：https://www.cnblogs.com/liuyj-vv/p/9583831.html

 

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

Android代碼混淆，就這麼簡單

前言 在這個乞丐都精通C++的時代，我們的代碼安全實在是不敢保證，爲了保護我們的代碼不被牛逼的乞丐篡改，代碼混淆還是必須的。大多數人還是認爲代碼混淆是很複雜的事情，我自己也這麼認爲。。。 看完這篇博客，也許就會發現，其實沒那麼難

Maybe_ren 2020-07-08 12:37:11

利用rxjava實現監聽EditView裏的文字在規定時間間隔不變後進行聯想搜索

當EditView輸入的內容變化停止幾秒鐘之後再去後進行搜索， debounce：防抖 當一個事件發送出來之後，在約定時間內沒有再次發送這個事件，則發射這個事件，如果再次觸發了，則重新計算時間。 switchMap :當源Observ

丶咿呀咿呀 2020-07-08 12:20:52

Uniapp中父組件向子組件傳遞prop，新的prop會帶有舊的prop屬性

簡潔 最近使用uniapp開發微信小程序，某一個頁面需要做成可配置化，因此會出現直接在父組件修改傳遞到子組件的prop，但是會出現這種情況，假設新傳遞的prop對象爲newObj，舊傳遞的prop對象爲oldObj，如果Objec

py_boy 2020-07-08 12:07:32

Windows Running “flutter pub get“ in XXX卡死

Running “flutter pub get” in XXX卡死的主要原因是因爲網絡訪問問題，我們可以通過設置FlutterIO.cn來規避，具體操作如下： 右鍵我的電腦->屬性->高級系統設置->環境變量，添加環境變量，

小海编码日记 2020-07-08 12:40:51

Android操作Exif-ExifInterface全解析

簡介： Exif是一種圖像文件格式，它的數據存儲與JPEG格式是完全相同的。實際上Exif格式就是在JPEG格式頭部插入了數碼照片的信息，包括拍攝時的光圈、快門、白平衡、ISO、焦距、日期時間等各種和拍攝條件以及相機品牌、型號、色

Maybe_ren 2020-07-08 12:37:11

selinux-實現

實現 SELinux SELinux 設爲了“默認拒絕”模式，也就是說，對於在內核中存在鉤子的每一次訪問，都必須獲得政策的明確許可。這意味着政策文件中包含規則、類型、類、權限等方面的大量信息。關於 SELinux 的完整注意事項不在

vrix 2020-07-08 12:37:00

selinux-概覽

Android 中的安全增強型 Linux 簡介 Android 安全模型部分基於應用沙盒的概念。每個應用都在自己的沙盒內運行。在 Android 4.3 之前的版本中，這些沙盒是通過爲每個應用創建獨一無二的 Linux UID

vrix 2020-07-08 12:37:00

selinux-驗證

驗證 SELinux Android 強烈建議原始設備製造商 (OEM) 全面測試其 SELinux 實現。製造商在實現 SELinux 時，應先爲設備上需要測試的所有內容應用新政策。 應用新政策後，可以通過執行 getenfor

vrix 2020-07-08 12:37:00

Android受限廣播(protected-broadcast)

在閱讀Android源碼Telephony模塊時，發現在AndroidManifest.xml文件裏聲明瞭大量的protected-broadcast： <protected-broadcast android:name="andr

vrix 2020-07-08 12:37:00

selinux-自定義

自定義 SELinux 集成這一基本級別的功能並全面分析結果後，您可以添加自己的政策設置，以便涵蓋自己對 Android 操作系統進行的自定義。當然，這些政策仍必須要滿足 Android 兼容性計劃的要求，並且不會移除默認的 SEL

vrix 2020-07-08 12:37:00

在Android端實現基於OPENGL ES 的深度學習前向傳播框架

github項目地址 首先感謝夕陽嘆大神提供的思路，大家先可以去https://blog.csdn.net/jxt1234and2010/article/details/71056736看看，基本把實現的流程都說了一遍，我照着思路實現了一

koibiki 2020-07-08 12:23:30

Desire rom - build kernel

  參考:http://code.google.com/p/androidteam/wiki/AndroidKernelCompileAndRun     交叉編譯器下載:    git clone git://android.git.k

dkyang 2020-07-08 12:22:51

spa頁面，不同組件按需引入js，aliplayer

(function(d, s, id) { let js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) retur

HainesFreeman 2020-07-08 12:39:19

js 函數重載

概念：允許某個函數有各種不同輸入，根據不同的輸入，調用不同的函數，然後返回不同的結果。 簡單定義：根據不同參數長度來實現讓同一個函數，進行不同處理 function addMethod (obj, name, fun) { le

HainesFreeman 2020-07-08 12:39:19

【Echarts+Html+LayUI】同一htlm頁面，點擊不同選項，加載不同echart

遇到的坑： 問題1 加載一個之後，再點擊另一個，可能是某個模板設定的問題，導致出現重疊的情況。 問題1解決方法： // 基於準備好的dom，初始化echarts實例 var div_main = document.getEle

33 Audrey 2020-07-08 12:35:22