{"id":61278,"date":"2026-05-29T17:22:59","date_gmt":"2026-05-29T09:22:59","guid":{"rendered":"https:\/\/www.yimenapp.cn\/yun\/?p=61278"},"modified":"2026-05-29T17:22:59","modified_gmt":"2026-05-29T09:22:59","slug":"%e7%bd%91%e9%a1%b5%e6%90%ad%e5%bb%ba%e5%ae%89%e5%8d%93app%e6%8e%a8%e8%8d%90%e4%b8%80%e9%97%a8%e6%89%93%e5%8c%85","status":"publish","type":"post","link":"https:\/\/www.yimenapp.cn\/yun\/2026\/61278\/","title":{"rendered":"\u7f51\u9875\u642d\u5efa\u5b89\u5353app\u63a8\u8350\u4e00\u95e8\u6253\u5305"},"content":{"rendered":"

\u7f51\u9875\u642d\u5efa\u5b89\u5353App\u662f\u4e00\u79cd\u57fa\u4e8eWebView\u7684\u6280\u672f\uff0c\u901a\u8fc7\u5c06\u7f51\u9875\u5185\u5bb9\u5d4c\u5165\u5230App\u4e2d\uff0c\u5b9e\u73b0\u5c06\u7f51\u9875\u8f6c\u5316\u4e3aApp\u7684\u529f\u80fd\u3002\u8fd9\u79cd\u6280\u672f\u9002\u7528\u4e8e\u4e00\u4e9b\u529f\u80fd\u7b80\u5355\u7684\u5e94\u7528\uff0c\u53ef\u4ee5\u8282\u7701\u5f00\u53d1\u6210\u672c\u548c\u65f6\u95f4\uff0c\u540c\u65f6\u4e5f\u65b9\u4fbf\u7528\u6237\u4f7f\u7528\u3002\u4e0b\u9762\u5c31\u4ecb\u7ecd\u4e00\u4e0b\u7f51\u9875\u642d\u5efa\u5b89\u5353App\u7684\u539f\u7406\u548c\u8be6\u7ec6\u6b65\u9aa4\u3002<\/p>\n

\u4e00\u3001\u539f\u7406<\/p>\n

\u7f51\u9875\u642d\u5efa\u5b89\u5353App\u7684\u539f\u7406\u662f\u901a\u8fc7WebView\u63a7\u4ef6\u5c06\u7f51\u9875\u5d4c\u5165\u5230App\u4e2d\uff0c\u540c\u65f6\u901a\u8fc7JavaScript\u4e0e\u539f\u751f\u4ee3\u7801\u8fdb\u884c\u4ea4\u4e92\u3002WebView\u63a7\u4ef6\u662fA\u5b89\u5353\u539f\u751f\u5f00\u53d1\u6846\u67b6<\/a>ndroid\u7cfb\u7edf\u63d0\u4f9b\u7684\u4e00\u4e2a\u89c6\u56fe\u7ec4\u4ef6\uff0c\u5b83\u53ef\u4ee5\u76f4\u63a5\u52a0\u8f7d\u7f51\u9875\uff0c\u540c\u65f6\u4e5f\u53ef\u4ee5\u4f7f\u7528JavaScript\u4e0e\u7f51\u9875\u8fdb\u884c\u4ea4\u4e92\u3002\u901a\u8fc7\u8fd9\u79cd\u4ea4\u4e92\u65b9\u5f0f\uff0c\u53ef\u4ee5\u5b9e\u73b0\u5c06\u7f51\u9875\u4e2d\u7684\u6570\u636e\u4f20\u9012\u5230\u539f\u751f\u4ee3\u7801\u4e2d\uff0c\u5b9e\u73b0App\u7684\u529f\u80fd\u3002<\/p>\n

\u4e8c\u3001\u6b65\u9aa4<\/p>\n

1.\u521b\u5efa\u4e00\u4e2a\u65b0\u7684Android\u9879\u76ee<\/p>\n

\u6253\u5f00Android Studio\uff0c\u70b9\u51fbFile -> New -> New Project\uff0c\u7136\u540e\u6309\u7167\u63d0\u793a\u586b\u5199\u9879\u76ee\u4fe1\u606f\uff0c\u521b\u5efa\u4e00\u4e2a\u65b0\u7684Android\u9879\u76ee\u3002<\/p>\n

2.\u5728\u5e03\u5c40\u6587\u4ef6\u4e2d\u6dfb\u52a0WebView\u63a7\u4ef6<\/p>\n

\u6253\u5f00activity_main.xml\u6587\u4ef6\uff0c\u6dfb\u52a0\u4e00\u4e2aWebView\u63a7\u4ef6\uff0c\u5e76\u8bbe\u7f6e\u5176\u5e03\u5c40\u53c2\u6570\uff0c\u5982\u4e0b\u6240\u793a\uff1a<\/p>\n

“`<\/p>\n<\/p>\n

android:id=”@+id\/webview”<\/p>\n

android:layout_width=”match_parent”<\/p>\n

<\/figure>\n<\/p>\n

android:layout_height=”match_parent” \/><\/p>\n

“`<\/p>\n

3.\u52a0\u8f7d\u7f51\u9875<\/p>\n

\u5728MainActivity.java\u6587\u4ef6\u4e2d\uff0c\u4f7f\u7528WebView\u63a7\u4ef6\u7684loadUrl\u65b9\u6cd5\u52a0\u8f7d\u7f51\u9875\uff0c\u5982\u4e0b\u6240\u793a\uff1a<\/p>\n

“`<\/p>\n

WebView webView = (WebView) findViewById(R.id.webview);<\/p>\n

webView.loadUrl(“http:\/\/www.example.com”);<\/p>\n

“`<\/p>\n

4.\u4e0eJavaScript\u4ea4\u4e92<\/p>\n

\u5982\u679c\u9700\u8981\u4e0eJavaScript\u4ea4\u4e92\uff0c\u53ef\u4ee5\u901a\u8fc7WebView\u63a7\u4ef6\u7684addJavascriptInterface\u65b9\u6cd5\u6dfb\u52a0\u4e00\u4e2aJava\u5bf9\u8c61\u4f5c\u4e3aJavaScript\u7684\u63a5\u53e3\uff0c\u5982\u4e0b\u6240\u793a\uff1a<\/p>\n

“`<\/p>\n

public class WebAppInterface {<\/p>\n

@JavascriptInterface<\/p>\n

public void showToast(String message) {<\/p>\n

Toast.makeText(MainActivity.this, message, Toast.LENGTH_SHORT).show();<\/p>\n

}<\/p>\n

}<\/p>\n

WebView webView = (WebView) findViewById(R.id.webview);<\/p>\n

webView.addJavascriptInterface(new WebAppInterface(), “Android”);<\/p>\n

“`<\/p>\n

\u5728\u7f51\u9875\u4e2d\uff0c\u53ef\u4ee5\u901a\u4e92\u8f6capp<\/a>\u8fc7JavaScript\u4ee3\u7801\u8c03\u7528\u8be5\u63a5\u53e3\uff0c\u5982\u4e0b\u6240\u793a\uff1a<\/p>\n

“`<\/p>\n