如何在phonegap中使用自带浏览器打开链接

最新推荐文章于 2025-11-24 16:59:42 发布
原创 最新推荐文章于 2025-11-24 16:59:42 发布 · 5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。


  1. navigator.app.loadUrl(url,{ openExternal:true });  

  2. The "navigator.app" object is only available on Android. Luckily in the soon to be released 2.3.0 version of PhoneGap you will be able to do:

    window.open("http://www.google.com", "_system");

   
Android应用的基本构造及威胁（apk）
墨痕诉清风的博客
06-03 1877
web应用是通过使用javaScript、HTML5等web技术来实现交互、导航以及个性化功能的。web应用可以在移动端设备的web浏览器中运行，并通过向后台服务器请求web页面来进行渲染。一个web应用可以有浏览器渲染的版本，也可以有作为独立应用的版本。安卓使用了类似Unix中的文件系统来进行本地数据存储，用到的文件系统有十几种，如FTA32、EXT等。事实上，安卓系统中的一切都是文件。安卓在filesystems这个文件中存储了许多详细的信息，比如内置应用等。
WHAT - Hybrid App 详解系列（一）
weixin_58540586的博客
03-24 2122
Hybrid App 是一种移动应用程序类型，它结合了原生应用和Web应用的元素。这些应用是使用HTML、CSS和JavaScript等Web技术构建的，但它们被包装在一个原生容器中，允许它们像原生应用一样被安装和在移动设备上运行。开发 Hybrid app 有如下优势：跨平台兼容、访问设别功能、开发速度快、易于更新。
我的phonegap hack（1）打开外部链接
灰色
07-01 1404
phonegap 虽然已经到了 1.6.1,可以说还有很多不完善的地方，无论是功能数量上，还是功能使用上，总觉得不顺手，好在它的东家好，将来的陆续改进会越来越好，然而在当下，还是要想出一定的办法来处理燃眉之急。 最近就遇到一个不大不小的难题：开发的“本地”应用，在打开非本地链接时，就会由浏览器打开，这还得了？让用户跳来跳去不说，更让人觉得是两张皮的拼凑品。 在网上搜了许久，有说重写覆盖webV
phonegap中使用自带浏览器打开链接
weixin_34409357的博客
10-20 153
<center><a id="ssl2" href="#" onclick="window.open('http://127.0.0.1:100/static/download.html','_system')">  
Phonegap 打开手机浏览器
一个菜鸟程序员的点滴
12-20 1156
网上查了好多 都不怎么好使，下面这条还算比较靠谱， 不过还是没有解决问题 navigator.app.loadUrl(url,{ openExternal:true });  The "navigator.app" object is only available on Android. Luckily in the soon to be released 2.3.0 version of
PhoneGap中HTTP链接自动调用本地浏览器解决办法
H小阿飞的博客
05-24 182
PhoneGap项目中，在html页面中，如果存在譬如：<a href="http://www.baidu.com" >百度</a>的链接，点击此链接时，会自动调用本地浏览器。如果不想其自动调用本地浏览器，而是使用PhoneGap内置方式打开呢，则在Android中的设置如下： 1.找到res/xml/cordova.xml 2.将 <access origin=...
PhoneGap loadUrl监听
the Coder And Writer
06-01 1659
最近有个外包项目，需要用到PhoneGap，之前对Cordova和PhoneGap两者的关系有点错乱，做了这个项目才知道他们的关系。Cordova是Phonegap的儿子，但是对于商业用途来说，我还是建议大家使用PhoneGap，因为PhoneGap的代码结构比Cordova更加简洁，市面上的招聘也是招PhoneGap居多。 用PhoneGap来load url，可能是大部分项目都是用JQuer
7、配置ChildBrowser插件：提升PhoneGap应用用户体验
redis7keeper的博客
05-26 33
本文详细介绍了如何为iOS和Android平台配置PhoneGap的ChildBrowser插件，以提升移动应用的用户体验。通过分步骤讲解和示例代码，帮助开发者快速集成并优化插件，同时指出了插件使用中的注意事项、局限性及替代方案。适合希望在应用内嵌入网页内容的开发者参考。
6、移动应用开发：PhoneGap与jQuery Mobile的完美结合
sql99的博客
07-27 91
本文详细介绍了如何利用PhoneGap和jQuery Mobile高效构建功能丰富且用户体验良好的跨平台移动应用。内容涵盖PhoneGap的环境设置与构建流程、jQuery Mobile的UI开发优势与实践，以及实际应用场景分析。通过示例代码和流程图，帮助开发者快速掌握相关技术的核心要点，并将其应用于电商、新闻等实际项目中。
31、网站优化与移动设备模拟器使用指南
algae的博客
11-24 17
本文详细介绍了网站压缩优化与移动设备模拟器的使用方法。内容涵盖JavaScript、CSS、图像及服务器端压缩技术，推荐使用YUI Compressor、Closure Compiler和gzip等工具提升网站性能。同时，全面解析了Android、iOS、Windows Phone、BlackBerry等主流移动平台模拟器的获取、配置与使用技巧，并介绍了Opera Mobile、Firefox Mobile、Ripple等应用程序模拟器。通过流程图和表格总结关键技术点与操作流程，提供常见问题解决方案与实用建
PhoneGap 白名单安全机制 navigator.app 加载外部页面返回以及退出介绍
06-14 198
一、 Phonegap 白名单安全机制 　　Phonegap应用的页面大多存在于本地,但有时需要加载外部的Web页面到应用内置的浏览器 　　视图中已完成特定的应用功能,出于安全性考虑,PhoneGap 设立了白名单安全机制,通过它来 控制能够加载到内置浏览器视图的内容来源. 　　Android 不通过白名单安全机制的话调用外部浏览器 　　IOS 不通过白名单安全的话 会直接拒绝 ...
cordova navigator app 对象
weixin_30951743的博客
08-04 613
navigator.app.loadUrl()加载 web 页面的应用程序中或者系统默认的浏览器中 navigator .app.cancelLoadUrl()在 web 页面成功加载之前取消加载 navigator.app.backHistory()返回上一次浏览页面 navigator.app.clearHistory()清空浏览历史 navigator.app.cle...
js关闭当前页面(支付宝,微信,app)
weixin_33708432的博客
02-13 2056
使用js 关闭当前页面 , 一般想到的都是 window.close() , 但是该方法只能关闭通过 window.open() 打开的页面 所以针对这种情况 , 只能分情况去解决 . 在微信 , 支付宝 , app 中打开外部链接 , 都是使用webview打开页面的 , 所以需要app提供映射方法 . 对于微信 , 支付宝 ,...
cordova开发日记02:navigation.app和event
weixin_33774308的博客
04-28 170
为什么80%的码农都做不了架构师？>>> ...
phonegap环境配置与基本操作
热门推荐
Jin's blog
06-08 1万+
hybird移动端开发模式，phonegap(cordova)
android 手机不需要phonegap 对键盘的隐藏与显示
Blue .Sky.
08-01 2122
type="text/javascript"> $(document).ready(function () { document.addEventListener("hidekeyboard", onHide, false); document.addEventListener("showkeyboard", onShow, false);
网站怎么生成apk
最新发布
12-08
<think>我们已知用户的问题：“我想了解网站生成APK的方法” 根据提供的引用，我们可以总结出几种方法： 1. 使用Android Studio将网站（WebApp）打包成APK（引用[2]和引用[4]提到） 2. 使用Kivy（引用[3]提到，但引用[3]是关于Kivy自带案例打包报错，可能不是主要方法） 3. 使用其他工具（引用[1]是关于IntelliJ IDEA打包APK的步骤，但主要用于原生Android开发） 由于用户特别提到“网站生成APK”，因此我们应重点介绍将网站打包成APK的方法，即WebView应用。 步骤： 1. 使用Android Studio创建一个新项目，选择“Empty Activity”。 2. 修改布局文件（activity_main.xml），用WebView组件填充整个界面。 3. 修改MainActivity.java（或Kotlin文件），设置WebView加载的URL，并启用JavaScript等。 4. 配置AndroidManifest.xml，添加网络权限。 详细步骤： 第一步：创建新项目 - 打开Android Studio，选择“Start a new Android Studio project”。 - 选择“Empty Activity”，然后按照向导操作。 第二步：修改布局文件 打开res/layout/activity_main.xml，将原有的TextView替换为WebView： ```xml <?xml version="1.0" encoding="utf-8"?> <WebView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/webview" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 第三步：修改MainActivity 在MainActivity中，我们使用WebView加载一个网站： ```java import android.os.Bundle; import android.webkit.WebSettings; import android.webkit.WebView; import android.webkit.WebViewClient; import androidx.appcompat.app.AppCompatActivity; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); WebView webView = findViewById(R.id.webview); webView.setWebViewClient(new WebViewClient()); // 防止跳转到系统浏览器 WebSettings webSettings = webView.getSettings(); webSettings.setJavaScriptEnabled(true); // 启用JavaScript webView.loadUrl("https://www.example.com"); // 替换成你的网站地址 } } ``` 第四步：添加网络权限 在AndroidManifest.xml中添加网络权限： ```xml <uses-permission android:name="android.permission.INTERNET" /> ``` 第五步：打包APK 按照引用[1]中的步骤打包APK： 1. 在菜单栏选择 "Build" -> "Generate Signed Bundle/APK..."。 2. 选择“APK”，点击“Next”。 3. 如果没有密钥，点击“Create new...”创建一个新的密钥库（Key store），填写信息（如密码设为123456等），然后点击“OK”。 4. 选择密钥库和密钥，点击“Next”。 5. 选择release构建类型，选择输出目录（默认为项目下的release文件夹），选择签名版本（V1和V2都选上）。 6. 点击“Finish”，等待构建完成。 另外，引用[4]中还提到修改包名（package name）： 在创建项目时，包名已经确定，如果需要修改，可以在AndroidManifest.xml中修改package属性，同时也要修改build.gradle文件中的applicationId，并且调整包结构。 注意事项： - 如果网站使用了混合内容（HTTP和HTTPS），可能需要设置WebView允许加载不安全的内容。 - 如果网站需要访问设备功能（如摄像头、地理位置等），则需要在AndroidManifest.xml中添加相应权限，并在WebView中进行额外设置。 替代方法： 除了使用Android Studio，还可以使用一些在线工具或框架（如PhoneGap/Cordova、React Native等）将网站打包成APK，但这里我们介绍的是最基础的WebView方法。 现在，根据用户的问题，我们生成相关问题。 </think> ### 网站生成APK的方法详解 将网站打包成APK的核心思路是通过**WebView组件**将网页内容嵌入原生应用，以下是详细步骤（以Android Studio为例）： #### 1. 基础方法：使用Android Studio创建WebView应用 ```java // MainActivity.java public class MainActivity extends AppCompatActivity { private WebView webView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); webView = findViewById(R.id.webview); webView.setWebViewClient(new WebViewClient()); // 防止跳转外部浏览器 webView.getSettings().setJavaScriptEnabled(true); // 启用JS webView.loadUrl("https://您的网站地址"); // 替换为目标网址 } } ``` ```xml <!-- activity_main.xml --> <WebView android:id="@+id/webview" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` ```xml <!-- AndroidManifest.xml 添加权限 --> <uses-permission android:name="android.permission.INTERNET" /> ``` #### 2. 打包APK流程 1. **生成签名密钥** `Build > Generate Signed Bundle/APK > Create new...` - Key store path: 选择存储位置 - Password: 设置密钥密码（如123456） - Alias: 创建别名 - Validity: 建议25年（单位：年） 2. **构建APK** - 选择APK类型 - Build Type: `release` - Signature Versions: **同时勾选V1和V2** - 输出路径默认在`app/release/` 3. **优化配置** ```gradle // build.gradle 添加 android { buildTypes { release { minifyEnabled true shrinkResources true } } } ``` #### 3. 进阶方案：使用混合开发框架 | 框架 | 特点 | 适用场景 | |------------|-------------------------------|-----------------------| | Cordova | 插件丰富，支持HTML5 API | 简单WebApp封装 | | React Native | 高性能，原生组件混合渲染 | 复杂交互应用 | | Flutter | 跨平台一致性高 | 需原生体验的Web应用 | **示例（Cordova CLI）**： ```bash npm install -g cordova cordova create myapp cd myapp cordova platform add android # 将网站文件放入 www 目录 cordova build android --release ``` #### 4. 常见问题解决 - **白屏问题**：检查网络权限，确保`INTERNET`权限已添加 - **JS失效**：确认`webView.getSettings().setJavaScriptEnabled(true)` - **混合内容加载**：添加配置： ```java webView.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW); ``` - **缓存优化**：添加离线支持 ```java webView.getSettings().setAppCacheEnabled(true); webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); ``` #### 5. 部署建议 1. 使用HTTPS协议提升安全性 2. 添加启动页和状态栏颜色配置 3. 集成推送通知（如Firebase） 4. 通过`WebViewClient`拦截URL实现深度链接 > 提示：对于无原生功能需求的纯展示网站，可使用在线生成工具（如 WebViewGold 或 GoNative），但自定义能力受限[^2][^4]。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值