美文网首页
Android 项目 嵌入 html5开发的方法

Android 项目 嵌入 html5开发的方法

作者: 令狐小冲 | 来源:发表于2021-09-02 09:16 被阅读0次

以前以为很麻烦,在上一家公司有一个app,他们只做了一个架子,剩下全是html5。方便管理,功能更新 快捷。也不知道是怎么回事。

现在接触到了android 开发,所以试一试。原来很简单!

话不多说,直接上才艺!

第一步:

创建界面布局。创建一个空的activity ,会同时生成一个xml的布局文件 ,把下边的往里一copy,放到layout里。

界面布局

<WebView android:id="@+id/webview"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

tools:ignore="Missing Constraints" />

第二步:

贴出 新时代农民工写的很熟悉而简洁的android代码 ,也是java写的。

private WebView  webView; //声明一个webview 

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_web_view);

webView = (WebView) findViewById(R.id.webview);//获取界面上的 webview,也就是那个id

loadLocalUrl("https://www.baidu.com");//再使用一下子  那个不喜欢但没有别的可用的网站。如果你能翻墙,当我没说,自已找一个测试网站即可。要加上https或http。不然的话……

//loadLocalUrl("file:///android_asset/index.html");//本地的页面要放在assets目录下,这个是访问本地的,牢记 assets 与 res  目录  同级。

}

/**

* 加载  url 即相关的配置项

* @param url

*/

private void loadLocalUrl(String url) {

    WebSettings webSettings =webView.getSettings();

    //允许javascript

    webSettings.setJavaScriptEnabled(true);

    //允许android 调用javascript

    webSettings.setDomStorageEnabled(true);

    webSettings.setJavaScriptCanOpenWindowsAutomatically(true);

    //内嵌App,不以浏览器的方式打开

    webView.setWebViewClient(new WebViewClient()  );

    //编码格式

    webSettings.setDefaultTextEncodingName("utf-8");

    webView.loadUrl(url);

}

第三步:

然后启动发布即可。

模拟器图例

哎,一下子就刷出了兵哥哥的真挚爱情。

模拟器有些时候会有莫名奇妙的问题,建议还是使用真机测试。

今天又是学知识的一天!收拾收拾下班,峡谷相见!

相关文章

网友评论

      本文标题:Android 项目 嵌入 html5开发的方法

      本文链接:https://www.haomeiwen.com/subject/ynsqwltx.html