搭建Android浏览器壳子
不久前我们要做一个Android端的手机APP，但没有用Android原生的组件，
而是把这个APP做成了一个访问某一固定IP的浏览器，即单纯的一个壳子；
具体的内容用Vue来开发。
因为这个项目本身不大，加上我们只有一名web前端开发人员，所以选用了此套路；
再加上现在的APP里也有不少嵌套着的单页应用，也不算是太Low；
接下来介绍的是壳子的制作；
首先建一个Android的Hello World项目
修改Activity和Layout文件，以及Manifest文件
package com...................myapplicationtest; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.webkit.WebView; import android.webkit.WebViewClient; public class MainActivity extends AppCompatActivity { private WebView webView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); init(); } private void init() { webView = (WebView) findViewById(R.id.webView); webView.loadUrl("http://www.baidu.com"); webView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } }); } }
<?xml version="1.0" encoding="utf-8"?> <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="com.....................myapplicationtest.MainActivity"> <WebView android:id="@+id/webView" android:layout_width="match_parent" android:layout_height="match_parent" /> </android.support.constraint.ConstraintLayout>
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.....................myapplicationtest"> <uses-permission android:name="android.permission.INTERNET"/> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest>
调试发现报ERR_CACHE_MISS，是因为没有在Manifest文件里赋权限；
Webview加载网页时出现NET::ERR_CACHE_MISS的错误 - CSDN博客
这时候我们可以打开百度的网页，看起来没有什么问题；
但如果把网址绑定成已经做好的应用程序，却怎么也打不开；
原因是：
默认是不允许执行JS脚本的，我们要把它改为true；
package com...................myapplicationtest; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.webkit.WebSettings; import android.webkit.WebView; import android.webkit.WebViewClient; public class MainActivity extends AppCompatActivity { private WebView webView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); init(); } private void init() { webView = (WebView) findViewById(R.id.webView); webView.loadUrl("http://www.baidu.com"); webView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } }); WebSettings webSettings = webView.getSettings(); webSettings.setJavaScriptEnabled(true); } }
现在看起来就很好了，页面正常显示，之前的百度网页也变成了这样
但是我们并不想要这个大标题栏
Android学习之路：AndroidStudio创建EmptyActivity隐藏标题栏 - CSDN博客
<resources> <!-- Base application theme. --> <!--<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">--> <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> </style> </resources>
现在看起来就没有什么问题了
嗯嗯
。。。待续