HTML5 调用手机浏览器,打开链接的方法,非常简单

最新推荐文章于 2022-08-11 10:55:10 发布
最新推荐文章于 2022-08-11 10:55:10 发布
阅读量2.4k 收藏 3
点赞数
分类专栏： HTML5 文章标签： html5 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40867986/article/details/109589932
版权

HTML5 调用手机浏览器,打开链接的方法,非常简单

今天在开发项目时, 有一个需求就是在app中发起请求,需要在手机浏览器打开, 因为本人也不熟悉mui框架, 就在网上搜索了很久,终于找到了可用的答案,其实在HTML5官网上也有, 但是我想很多人都不会去仔细的阅读官方文档,基本上都是去找一下自己 需求的信息,说了这么多废话,其实也就是想说,本人也是出入此行,写次微博也只是想记录自己在码农生涯的点点滴滴,同时与初入菜鸟们一起进步.

plus.runtime.openURL("https://www.baidu.com");

起具体说明,还请参考官方说明:  https://www.dcloud.io/docs/api/zh_cn/runtime.html

 

01001y
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Html5如何唤起百度地图App的方法
12-13
最近接手了一个需求，要求混合式开发，前端做好 h5 后将页面嵌入到 ios 和 android 中，需要用到百度地图的地图导航。具体功能点如下： 如果手机端（ios, android）安装了百度地图，点击导航按钮，唤起百度地图 app 否则，打开 web 端百度地图导航 需要用到的百度地图的 api 文档链接如下：http://lbsyun.baidu.com/index.php?title=uri/api/ios 最开始的代码： // 尝试唤起百度地图 app [removed].href = scheme; var timeout = 600; var sta
前端入门篇（一）常用五大浏览器及浏览器内核
qq_41363062的博客
12-31 8748
一、 常见浏览器内核介绍 浏览器是网页运行的平台，常见的浏览器有 IE 、火狐（Firefox）,谷歌（Chrome）,Safari和Opera等，我们平时称为五大浏览器，第六个是Edge浏览器，是微软改进IE新出的内置浏览器 浏览器内核理解 浏览器内核又可以分成俩部分：渲染引擎（layout engineer 或者 Rendering Engine）和JS引擎。 渲染引擎 它负责取得网页的内容...
微信H5唤醒外部浏览器打开URL 微信跳转打开手机默认浏览器原理
pplive861的博客
03-05 4275
微信上进行的网页宣传、游戏传播、APP下载各类活动很多，但是各位朋友肯定经常会遇到一些特殊需求，网页需要在手机默认浏览器打开而不是微信内置浏览器。这个问题怎么解决呢? 解决方案：微信中打开链接，自动打开外部浏览器打开页面 微信中点击或打开链接，自动打开外部浏览器打开指定页面。全程完全自动化，无需用户任何手工操作。 这种方案可以说是完美解方案一：弹出一个遮罩提示用户在新的浏览器窗口打开 再也...
H5外部浏览器直接调起微信手机网站调用微信分享
04-13
H5外部浏览器直接调起微信 tml5手机网站调用微信分享，其中示例包括 1. 获取网络类型 2. 调起客户端的图片播放组件 3. 调用微信扫描二维码 4. 判断是否安装对应的应用 5. 发送邮件 6. 分享到微信朋友圈
h5唤醒APP小记
w13707470416的博客
03-27 381
h5唤醒APP功能 最近遇到一个需求，需要在从APP分享出去的H5页面中，带有一个立即打开的按钮，如果本地安装了app，那么就直接唤起本地的app，如果没有安装，则跳转到下载。这是一个很正常的推广和导流量的策略。前端小白从来没有做过这个需求，只能开始哼唧哼唧地开启自己的度娘和谷歌之旅。 经过一段时间的探索之旅发现里面的学问很多，要做一个兼容性很好的方案，就需要考虑各种情况，在不同的情况适配不同的方...
vue h5页面唤起浏览器原生分享模块
weixin_63453708的博客
08-11 3818
vue h5页面唤起浏览器原生分享模块 兼容性强
微信中H5网页如何唤醒打开外部浏览器打开指定链接
01-07 2202
最近遇到一个需求、朋友找我制作一个在微信中的聊天框，或者公众号菜单发布一条链接或者二维码。跳出微信打开一个指定的我们自己的页面， 拿到这个需求后我们团队分开去找资料研究方案，通过微信的开发文档、腾讯的第三方开发文档我们都查阅过资料但是最终只找到一些历史性的资料也就是以前可以现在已经全部封闭了， 在网络上找到 很早之前一些前辈分享的遮挡。我们加以改进。 现在可以实现安卓手机的话是通过...
通过H5（浏览器/WebView/其他）唤起本地app
热门推荐
想你依然心痛的博客
12-11 3万+
前两天接到一个无线的需求，我这个小白可是忙活了好几天……在页面上有一个连接， 如果用户安装了APP，则点击打开对应的APP如果用户没有安装，则点击打开对应的设置连接.上网搜索了一下，基本都说可以实现，但是实际情况却不乐观.   当然只是其中的一个需求，还有的是现在各类app，分享出去的H5页面中，一般都会带着一个立即打开的按钮，如果本地安装了app，那么就直接唤起本地的app，如果没有安装，则跳
html 转换为手机浏览器,如何识别手机浏览器并跳转到指定网页？
weixin_39997311的博客
05-30 298
如何识别手机浏览器并跳转到指定网页？(function(){var res = GetRequest();var par = res['index'];if(par!='gfan'){var ua=navigator.userAgent.toLowerCase();var contains=function (a, b){if(a.indexOf(b)!=-1){return true;}};//...
H5手机页面调起浏览器自带分享功能实例（QQ、UC浏览器微博、微信分享）
jayccx的专栏
06-15 4362
H5手机页面调起浏览器自带分享功能实例（QQ、UC浏览器微博、微信分享）
HTML5中外部浏览器唤起微信分享
11-21
适应手机qq浏览器和uc浏览器。 下面上代码，把这些直接放到要转发的页面里就可以了： html部分： [removed][removed]//引进mshare.js <button data-mshare="0">点击弹出原生分享面板</button> <...
手机浏览器调用微信H5支付源码
08-10
手机浏览器调用微信H5支付源码，全套手机浏览器支付源码
HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题
01-19
打开getUserMedia文档，链接如下： https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices/getUserMedia 看上去很简单，最终却写的怀疑人生。 API环境 问题一：（为什么不管怎么配置都显示前置摄像头） 想...
【微信跳转接口】微信引导用户右上角打开浏览器，访问APP下载链接
11-25
【微信跳转接口】微信引导用户右上角打开浏览器，访问APP下载链接，相关文章地址：https://blog.csdn.net/qq15577969/article/details/103236861
HBuilderxH5页面打包APP后，调取手机第三方APP程序（浏览器，淘宝等等），有打开，没有就给他链接下载，并指定浏览器打开对应的URL
weixin_42489436的博客
04-15 2234
再用HBuilder打包H5项目APP时，有一个需求就是调动手机中的谷歌浏览器，打开指定的URL。 顺便说下判断手机是安卓还是IOS系统的用法： if (plus.os.name == 'Android') { alert（'这是Android系统'） } else if (plus.os.name == 'iOS'){ alert（'这是IOS系统'） } 手册中只有介绍，没有实例...
366API详细解析微信中H5网页如何唤醒打开外部浏览器打开指定链接
weixin_45132005的博客
05-26 929
在我们使用微信营销的时候，很容易碰到推广连接在微信内无法打开或无法下载app的情况。 首先说一下推广域名在微信内无法打开的问题，这是因为微信将您的域名拦截导致，所以在微信内打开提示“已停止访问该网页”。其次再说一下为什么微信内置浏览器不提示前往Safari打开，这是因为缺少了一个微信跳转外部浏览器的接口，如果我们在代码中加入该接口，那么就可以实现ios系统提示前往Safari打开下载页，安卓系统...
Mindjump详细解析微信中H5网页如何唤醒打开外部浏览器打开指定链接
ywyaqnx的博客
05-25 552
微信内无法直接打开外部浏览器打开指定链接，是因为微信会拦截含下载文件的链接。很多朋友包括我自己想分享app下载地址的时候都会遇到这个问题，故特地跑去找各种解决方案，最终锁定了一个方便快捷的方法，那就是用在线api接口一键实现微信跳转浏览器打开。 知道很多朋友还不知道如何实现，特写这篇文章分享给有需要的朋友。 微信api接口使用方法： 用浏览器打开我们需要用到的Mindjump平台：http:/...
微信内置浏览器如何自动跳转其它浏览器
weixin_44358823的博客
01-19 3678
此方法可以实现微信内置浏览器跳转到手机其它浏览器，现在网上其它的方法都只是一个页面，让访问者自己手动点右上角浏览器打开，而这个不同，是可以直接自动跳转的。               &lt;?php error_reporting(0); if($_GET['open']==1 &amp;&amp; strpos($_SERVER['HTTP_USER_AGENT'], '...
h5页面 判断是在微信打开还是在浏览器打开
Q_004的博客
12-04 7298
// isweixin function is_weixin(){ var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { return true; } else { retur...
html中超链接调用外部js方法能给个示例吗
最新发布
07-08
当你想要在HTML中使用超链接调用外部的JavaScript方法时，你可以将JavaScript代码放在一个外部的`.js`文件中，并通过`src`属性将其引入到HTML页面中。下面是一个示例： 首先，创建一个名为`script.js`的外部JavaScript文件，其中包含一个名为`myFunction()`的函数： ```javascript // script.js function myFunction() { alert("你点击了超链接并调用了外部的JavaScript方法！"); } ``` 保存上述代码为`script.js`。 然后，在HTML文件中引入这个外部JavaScript文件，并在超链接的`onclick`属性中调用`myFunction()`函数： ```html <!DOCTYPE html> <html> <head> <title>调用外部JavaScript方法的超链接示例</title> <script src="script.js"></script> </head> <body> <h1>调用外部JavaScript方法的超链接示例</h1> <a href="#" onclick="myFunction()">点击调用外部JavaScript方法</a> </body> </html> ``` 在上面的示例中，`<script src="script.js"></script>`标签用于引入外部的JavaScript文件`script.js`。然后，我们在超链接的`onclick`属性中调用了`myFunction()`函数。 当你点击"点击调用外部JavaScript方法"超链接时，将会弹出一个包含消息的弹窗，这表明成功调用了外部的JavaScript方法。 确保将`script.js`文件与HTML文件放在同一目录下，并且用浏览器打开HTML文件来查看效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值