我想使用 webview 在 Android 應用程式上安裝我的 VUE 應用程式。為此，我在 github 上找到了他的專案來查看 URL。
我已經在HERE上部署了我的 VUE 應用程式以使其可訪問。
根據 Android 專案的檔案，我修改了一些內容：
在
MainActivity.java第 24 行，我添加了我的 URL：mWebView.loadUrl("https://albert.suments.com/estelares");在
MyWebClient.java第 15 行，我修改了主機名變數以防止它在瀏覽器上打開該主機下的 URL：
hostname = "albert.suments.com";
Uri uri = Uri.parse(url);
if (url.startsWith("file:") || uri.getHost() != null && uri.getHost().endsWith(hostname)) {
return false;
}
使用這些值，當我在設備上從 Android Studio 運行應用程式時，它會卡在空白螢屏上。
但是，如果我將值設定為：
mWebView.loadUrl("https://www.google.com");
hostname = "google.com";
它顯示了正確嵌入到小部件上的網站。
- 有什么明顯的我可能會遺漏嗎？
更新----------------------------------------
這是 MyWebViewClient.java 的代碼：
class MyWebViewClient extends WebViewClient {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
String hostname;
// YOUR HOSTNAME
hostname = "albert.suments.com";
url = "https://albert.suments.com/estelares";
Uri uri = Uri.parse(url);
if (url.startsWith("file:") || uri.getHost() != null && uri.getHost().endsWith(hostname)) {
/**
* It works correctly when:
* hostname = "google.com";
* url = "https://www.google.com";
* It gets stuck on blank screen when:
* hostname = "albert.suments.com";
* url = "https://albert.suments.com/estelares";
*/
return false;
}
/**
*
* When this code executes, it opens a new tab on the browser and display the web correctly
*/
Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
view.getContext().startActivity(intent);
return true;
}
}
這是 MainActivity 的代碼：
public class MainActivity extends Activity {
private WebView mWebView;
@Override
@SuppressLint("SetJavaScriptEnabled")
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mWebView = findViewById(R.id.activity_main_webview);
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
mWebView.setWebViewClient(new MyWebViewClient());
// REMOTE RESOURCE
mWebView.loadUrl("https://albert.suments.com/estelares");
// LOCAL RESOURCE
//mWebView.loadUrl("file:///android_asset/index.html");
}
@Override
public void onBackPressed() {
if(mWebView.canGoBack()) {
mWebView.goBack();
} else {
super.onBackPressed();
}
}
}
uj5u.com熱心網友回復：
干得好 ！！
添加這一行
webSettings.setDomStorageEnabled(true);
讓我知道它是否對您有用，如果對您有用，請將此答案標記為已更正謝謝！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/348553.html
標籤：安卓 Vue.js 安卓工作室 android-webview 渐进式网络应用程序