解决cordova跳转本机自带浏览器的问题

阅读：评论：0

原文链接cordova启动首页，访问远程服务器web_app
幸福就是你遇到一个问题千方百计找不到答案快疯了的时候，突然看到了希望。

由于已经在微信浏览器（或者手机浏览器）中开发好了web应用，现在通过app打开应用访问服务页面

第一种尝试 —— 将web应用的代码一起打包到web应用中，页面全部从app本地加载代码，但是，web请求的数据是远程，因此跨域了

第二种尝试 —— 本地webview直接访问远程地址，就类似于浏览器访问远程一样，这样就不存在跨域，代码如下：

Html代码

<!DOCTYPE html>  
<html>  
    <head>  

        <meta name="format-detection" content="telephone=no">  
        <meta name="msapplication-tap-highlight" content="no">  
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">  
        <title>Hello World</title>  
    </head>  
    <body>  
        <script type="text/javascript" src="cordova.js"></script>  
        <script type="text/javascript" src="js/index.js"></script>  
    </body>  
    <script>  
            window.location.href="www.sqhzg/house/index.html#/index";  
    </script>  
</html>

备注：

默认index.html页面中

Html代码

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: ssl.gstatic 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">

应该删除掉，否则页面无法正常跳转。

修改l配置文件，允许webview访问页面，否则app会拉动本地的浏览器显示内容。

<?xml version='1.0' encoding='utf-8'?>  
<widget id="com.jianan.wuye" version="0.0.1" xmlns="www.w3/ns/widgets" xmlns:cdv="cordova.apache/ns/1.0">  
    <preference name="loglevel" value="DEBUG" />  
    <feature name="Whitelist">  
        <param name="android-package" value="dova.whitelist.WhitelistPlugin" />  
        <param name="onload" value="true" />  
    </feature>  
    <allow-intent href="market:*" />  
    <name>wuye</name>  
    <description>  
        A sample Apache Cordova application that responds to the deviceready event.  
    </description>  
    <author email="dev@cordova.apache" href="cordova.io">  
        Apache Cordova Team  
    </author>  
    <content src="index.html" />  
    <access origin="*" />  
    <allow-intent href="*/*" />  
    <allow-intent href="*/*" />  
    <allow-intent href="tel:*" />  
    <allow-intent href="sms:*" />  
    <allow-intent href="mailto:*" />  
    <allow-intent href="geo:*" />  

 <allow-navigation href="*/*" />  
 <allow-navigation href="*/*" />  
 <allow-navigation href="data:*" />  

 <access origin="*" />  
 <access origin="*/*" />  
 <access origin="*/*" />  

</widget>

转自“黄彪的学习笔记”，感谢！

本文发布于:2025-03-21 23:25:00，感谢您对本站的认可！

本文链接：https://www.4u4v.net/it/1742570704582935.html

上一篇：打开QQ空间的默认浏览器被改了怎么办

下一篇：浏览器加载网页过程

标签：跳转自带本机浏览器 cordova

留言与评论（共有 0 条评论）