微信/QQ如何制作强制浏览器打开 微信跳转外部浏览器代码的实现原理
2020-02-29 19:25
591 查看
我们在微信中打开链接或者二维码的时候,微信的安全系统检测爬虫大部分是会去爬取我们的页面是否有违规现象,如果这个页面有一点点违规的话,系统就会把这个页面屏蔽掉。而且几乎不可能解封。我们这边的推广链接以前经常会遇到这些问题。为了解决这个问题,我们翻阅了很多资料,终于找到了一个比较完美的办法---“强制浏览器打开”
案例展示
(请使用微信或QQ打开扫一扫,查看案例)
测试链接: http://www.138tool.cn/wxzz/anli1.html
作者网站: http://www.138tool.cn/wxzz
技术原理
这次给大家说的时一个简化版的。使用的是纯JS+HTML+CSS结合的方式,总共分2种操作场景:
1、用户用户通过扫码挥着点击链接打开链接后,直接弹出一个遮罩层,强制要求用户使用浏览器打开!
2、用户通过扫码挥着点击链接打开链接后,不是马上就弹出提示它在新浏览器中打开,只有它点击应用的下载或者其按钮后,才弹出提示它跳转后下载。
部分源码
[code]<!DOCTYPE html> <html lang="zh_CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"/> <script type="text/javascript" src="http://libs.useso.com/js/jquery/1.9.0/jquery.min.js"></script> <title>点击下载应用</title> <style type="text/css"> *{margin:0; padding:0;} a{text-decoration: none;} img{max-width: 100%; height: auto;} .weixin-tip{display: none; position: fixed; left:0; top:0; bottom:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); height: 100%; width: 100%; z-index: 100;} .weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;} </style> </head> <body> <div class="weixin-tip"> <p> <img src="live_weixin.png" alt="微信打开"/> </p> </div> <script type="text/javascript"> $(window).on("load",function(){ var winHeight = $(window).height(); function is_weixin() { var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { return true; } else { return false; } } var isWeixin = is_weixin(); if(isWeixin){ $(".weixin-tip").css("height",winHeight); $(".weixin-tip").show(); } }) </script> </body> </html>
文章出自 http://www.138tool.cn/wxzz/u61i99.html 转载请注明出处
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- 扫描二维码如何实现从微信内直接跳转外部浏览器打开指定页面
- 扫描二维码如何实现从微信内直接跳转外部浏览器打开指定页面
- 手机端如何实现在QQ或者微信自带浏览器打开链接后自动跳转到默认浏览器打开?
- 微信跳转外部浏览器打开指定下载链接的代码实现
- 扫描 4000 二维码如何实现从微信内直接跳转外部浏览器打开指定页面
- 微信中打开网页如何实现自动直接跳转到手机外部默认浏览器
- 微信自动跳转到手机默认浏览器代码的实现原理
- 微信如何实现自动跳转到用其他浏览器打开指定页面下载APK
- 分享!如何实现微信扫二维码调用外部浏览器打开指定页面的功能
- 细谈微信跳转外部浏览器下载app的实现原理
- 微信怎么打开链接可以实现跳转外部浏览器打开网页
- JS如何实现在微信中调用外部浏览器打开指定链接
- QQ微信域名防封 预防域名封禁 微信强制跳转至浏览器打开
- 微信跳转外部浏览器 在微信中点击链接直接跳转到手机默认浏览器代码实现
- 微信中如何实现点击链接跳转到手机默认外部浏览器下载apP文件
- 微信扫一扫二维码跳转手机外部浏览器打开下载app的链接是怎么实现的
- 微信如何实现自动跳转到用其他浏览器打开指定页面下载APK的方案
- 微信如何实现自动跳转到用其他浏览器打开指定页面下载APP
- 在微信中点击链接直接跳转到手机外部默认浏览器代码实现
- 微信如何唤起外部浏览器打开指定链接,微信自动跳出打开浏览器的原理