微信浏览器阻止右上角分享

2024-09-04

微信WeixinJSBridge API 屏蔽右上角分享等常用方法

WeixinJSBridge这个API有几个功能还是相当有用的,比如: 1.隐藏微信网页右上角的按钮(...按钮):开发者可以用这个功能来禁止当前页面被分享 2.隐藏微信网页底部的导航栏(比如前进后退和刷新):这个导航栏会占用一定的区域,开发者可以认为用户不会用到它,将其隐藏掉 3.在微信网页中获取用户的网络状态:开发者可以利用这个API获得用户的网络状态,并提供不同的服务,比如视频类,在wifi下提供高清视频流,在2g网络下提供普通清晰视频流等等下面分别通过简单的几行代码,说明这几个API的

jquery微信浏览器阻止页面拖动

jquery微信浏览器阻止页面拖动<pre>function bodyScroll(event) { event.preventDefault();} document.body.addEventListener('touchmove', bodyScroll, false); /*有些页面可能会影响到里面的触摸事件可以采取如下方法解除*/ document.body.removeEventListener('touchmove', bodyScroll, false);</pre&g

微信JSSDK使用步骤(用于在微信浏览器中自定义分享,分享到朋友圈，拍照，扫一扫等功能)

一.使用JSSDK需要一个公众号(需要认证!): (1).把自己项目的服务器地址输入. (2).把MP_verify_m7Qp93BAuIGDWRVO.txt 文件下载下来,放到该服务器域名指向的根目录! 这样基础工作就完成了! 二.后台生成前端需要的参数! (1).前端想要实现分享.扫一扫等等需要的参数! wx.config({ debug: false,//是否开启调试功能,这里关闭! appId: jssdk.appId,//appid timestamp: parseInt

h5网页在微信里打开右上角分享到微信好友或者朋友圈

首先你需要一个分享接口地址,然后在自定义图片标题描述如下: <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script> $(function() { //微信分享 $.ajax({ "url":"https://***.***.com/getJsAPITicket", //接口地址 "type&qu

阻止微信浏览器下拉滑动效果（ios11.3 橡皮筋效果）

在升级到 ios11.3 系统后,发现之前阻止页面滚动的代码e.preventDefault代码失效了.于是自己折腾了一番,找到了解决办法,分享给大家. 一.前言浏览器在移动端有一个默认触摸滚动的效果,让我们感触最深的莫过于微信浏览器里面,下拉时自带橡皮筋的效果. 然而在开发的时候我们经常需要阻止此效果. 在此先直接给一个方案,直接加上下面的代码即可: document.body.addEventListener('touchmove', function (e) { e.preventDef

js微信禁用右上角的分享按钮，和vue中微信页面禁用右上角的分享按钮的问题

1.隐藏微信网页右上角的按钮 document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { // 通过下面这个API隐藏右上角按钮 WeixinJSBridge.call('hideOptionMenu'); }); document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { // 通过下面这个API显示右上角按钮

通过js区分移动端浏览器（微信浏览器、QQ浏览器、QQ内置浏览器）

由于公司业务中涉及到一个分享指引功能,而像微信.QQ内置浏览器需要引导用户点击右上角进行操作,其他浏览器则引导点击浏览器下方进行操作,因此需要区分浏览器类型: 通过在页面alert(navigator.userAgent)可以观察到在QQ浏览器中包含关键字"mqqbrowser"而QQ内置浏览器中包含" qq"这里qq前面多一个空字符串: var ua = navigator.userAgent.toLowerCase(), isWx = false,isQQ =

微信公众号的分享接口，分享提示config:fail,invalid signature的解决办法（2017年12月）

微信中打开网页,使用微信右上角菜单中自带的分享功能的经历及总结: 最开始,微信分享页面时,直接读取页面的标题(title)和页面中的第一张符合条件的图片[此种方式在2017-03-29之前管用,这一天之后,失效了,不再获取页面上的图片了. 信息详细说明: 标题:会取当前页面title里面的内容. 图片:会取当前页面body内最前面的一张符合条件的图片. 图片规格有要求: 尺寸必须大于: 300px × 300px 把符合以上两个条件的图片放到<img>里,放到页面<body>内的最

微信浏览器是移动端的IE6?微信升级内核后Html5和CSS3兼容性总结

今年4月,自从微信浏览器X5 升级Blink内核之后,各前端社区一片高潮,仿佛看到了前端er,眼含热泪进而抱头痛头的说:终于可以不用兼容这"移动端的IE6 "了,可以早点回家了!!! 那真实情况是不是这样呢?正好最近在做一款微信的小游戏,项目结束后,我做了一个小的总结,分享如下,时间宝贵,先上结论. 结论总的来说,自从微信4月升级 X5 Blink内核之后,兼容性大大好转. 安卓版的微信浏览器,全面升级为TBS2.0 (基于Android 5.0 WebView Blink内核,Ch

使用微信JS-SDK调用微信浏览器的接口

先附上微信公众平台的相关链接: 微信公众平台:https://mp.weixin.qq.com/ 微信公众平台开发文档:https://mp.weixin.qq.com/wiki 微信公众平台JS-SDK开发文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115&token=&lang=zh_CN 阅读文档可知,基本流程如下: 1.绑定域名先登录微信公众平台进入“公众号设置”的“功能设置”里填写

用chrome模拟微信浏览器访问需要OAuth2.0网页授权的页面

现在很流行微信网页小游戏,用html5制作的小游戏移过来,可以放到微信浏览器中打开,关键是可以做成微信分享朋友圈的形式,大大提高游戏的传播,增强好友的游戏互动. 微信浏览器中打开网页游戏效果还不错,对手机要求不高,而且微信网页游戏不用考虑手机兼容性问题,采用html5,而且大部分手机浏览器,特别是微信浏览器对html5的支持很高. 怎么把别人的微信网页游戏移植到自己的网站上并分享给好友呢? 许多网站的微信网页游戏都设置了判断浏览器,只有使用微信浏览器打开才能访问,这使我们在电脑上打开网址找不到源

PHP JS判断浏览器，微信浏览器

微信内置浏览器的 User Agent 如何判断微信内置浏览器,首先需要获取微信内置浏览器的User Agent,经过在 iPhone 上微信的浏览器的检测,它的 User Agent 是: Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Mobile/10B329 MicroMessenger/5.0.1 所以通过识别 MicroMessenger

微信浏览器内置JavaScript 对象：WeixinJSBridge

微信公众平台开发微信公众平台开发模式企业微信公众平台微信浏览器分享到朋友圈发送给好友分享到腾讯微博作者:方倍工作室原文: http://www.cnblogs.com/txw1958/p/MicroMessenger-browser.html微信公众平台开发微信公众平台开发模式企业微信公众平台方倍工作室微信浏览器分享到朋友圈发送给好友分享到腾讯微博转自 http://weixin.shtion.com/weixin-gongzhong-fenxiang-ann

js 判断微信浏览器(转)

最近做很多HTML5的项目,很多页面会通过微信微博等SNS分享出去.在分享页面上提供公司APP的下载.但是在很多应用的浏览器中,点击下载链接无法下载应用.那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面.通过js就可以判断当前页面是在什么浏览器打开的. 以下是一段示例代码,注释中表明了通过JS如何判断是否在微信浏览器打开,是否在QQ空间浏览器,是否在新浪微博打开.当然可以做得更完善一点,再加上判断是在移动设备打开还是在PC端浏览器打开的,更加细分一点,可以判断是

关于在vue-cli中使用微信自动登录和分享

(以下所有接口由后台提供) 一.微信自动登录 //定义事件 methods:{ //判断是否微信登陆是不是微信浏览器 isWeiXin() { let ua = window.navigator.userAgent.toLowerCase(); console.log(ua);//mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) applewebkit/601.1.46 (khtml, like gecko)version/9.0 mo

微信浏览器返回刷新，监听微信浏览器返回事件，网页防复制，移动端禁止图片长按和vivo手机点击img标签放大图片

以下代码都经过iphone7,华为MT7 ,谷歌浏览器,微信开发者工具,PC端微信验证.如有bug,还请在评论区留言. demo链接:https://pan.baidu.com/s/1c35mbjM 密码:5yyf 1.移动端微信浏览器返回刷新事件,在返回后的页面上加上以下代码: <script type="text/javascript"> $(function () { var isPageHide = false; window.addEventListener('p

js网页判断移动终端浏览器版本信息是安卓还是苹果ios,判断在微信浏览器跳转不同页面,生成二维码

一个二维码,扫描进入网页,自动识别下载苹果和安卓客户端,判断网页如下,(只有苹果的微信不能自动跳转)所以加个微信判断. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>移动终端浏览器版本信息</title> </head> <body> <script type="text/javascript"

如何判断页面是qq浏览器还是微信浏览器打开

// 判断是QQ浏览器还是微信浏览器的js代码isWx = function() { var ua = navigator.userAgent.toLowerCase(); return ua.match(/MicroMessenger/i) == 'micromessenger'; }, //是否QQ isQQ = function() { var ua = navigator.userAgent.toLowerCase(); return !!ua.match(/mqqbrowser|qzo

HTML页面只能使用微信浏览器打开

看到一个项目,刚开始还以为是APP,只能用微信打开.仔细看了下原来是个web项目,只是禁用了其他浏览器打开,只能用微信浏览器打开.加上前端页面用了类似mui的模板,就更像APP了. 百度了下,参考 https://blog.csdn.net/qq_27721169/article/details/80512535 特此做个记录一.HTML限制只能微信浏览器打开 <!DOCTYPE html> <html> <head> <meta charset="u

2019微信浏览器跳转外部浏览器下载app打开任意站实现方法

很多朋友问我怎么解决微信内点击链接或扫描二维码可以直接跳出微信在外部浏览器打开网页链接和下载APP,其实这并不难,只要我们实现微信跳转功能即可.下面给大家介绍这个功能方案实现教程: 功能目的生成微信跳转链接,实现微信内置浏览器跳转外部浏览器打开网页. 功能效果功能实现后, 苹果用户即可在微信内直接下载app也可以跳转浏览器下载,安卓用户则自动打开手机浏览器下载app, 如果不含下载文件,则直接从微信内跳转到外部浏览器访问指定页面 .下面是含app下载文件的实现效果: 1. 苹果跳转浏览器效

微信浏览器无法下载APK文件的解决方案

大家是不是经常会遇到微信内点击链接或扫描二维码无法打开指定网页的问题?只要你使用微信转发分享,相信你就一定会遇到,那么打不开的原因很简单了,就是被微信拦截了.这个问题我们只需要实现从微信内直接跳出到外部浏览器打开网页链接即可,下面给大家介绍这个功能功能目的生成微信跳转链接,实现微信内置浏览器跳转外部浏览器打开网页.功能效果对网页所属的PHP代码进行相关处理,加入跳转接口即可实现. 功能实现后, 苹果用户即可在微信内直接下载app也可以跳转浏览器下载,安卓用户则自动打开手机浏览器下载app,

微信浏览器阻止右上角分享

热门专题