禁止微信浏览器下拉出现“本网页由xxx提供”

最新推荐文章于 2026-06-18 12:46:34 发布
原创 最新推荐文章于 2026-06-18 12:46:34 发布 · 1.3k 阅读 · 2 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#javascript
这段脚本通过监听body元素的touchmove事件并调用preventDefault()方法，阻止了页面在触摸设备上的滚动。通常用于创建全屏滚动或自定义滚动效果的场景。

<script type="text/javascript">
  document.body.addEventListener('touchmove', function (e) {
    e.preventDefault()
  }, {
    passive: false
  })
</script>

yrq205
关注
JavaScript中防止微信浏览器被整体拖动的方法
12-09
在微信网页开发中，我使用的页面结构是在body下的container覆盖全屏，container下有个header和page的容器，page负责显示所有内容并实现滚动。 结构如图：  但是遇到了一个问题：在页面已经滚动到顶部时，继续往下拖动page容器，会将微信浏览器整体往下拖，漏出“该网页由XXX提供”的提示，然后在安卓下，影响并不大，但是在iphone下，就没那么简单了，经过测试，在苹果下，往下拖动后快速滑动页面中的page，page并不会滚动，上拖同样遇到了这个问题，非常影响体验。 查阅文献后，我准备在touchstart和touchmove上做些处理。 思路是当page页面滚动到顶
禁止网页在微信中下拉或者上拉露出“网页由XXX提供”
yaozitong的博客
05-01 5000
最近有客户要求在微信打开的网页在下拉或者上拉不能露出“网页由XXX提供”，于是我在网上百度了一下，果然有很多人解决了，但是不知道为什么我使用后不起作用，于是我决定站在巨人的肩膀上来解决这个问题。 值得注意的是，它不能直接使用在html或者body上！！！ 下面的方法亲测有效，但是有个bug：如果你往上滑一点点然后再往下滑，还是能够看到微信的“网页由XXX提供” //App.vue <te...
解决移动端浏览器下拉显示“网页由xxx提供，QQ浏览器X5内核提供技术支持”
蓝色之恋love的博客
09-27 3831
对于移动端的浏览器（这里以QQ浏览器为例）下拉的时候会出现“网页由xxx提供，QQ浏览器X5内核提供技术支持“ 这里的解决办法 <!-- 在文件的public/index.html文件夹中 --> <style> html,body{ height: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; } </style>
微信h5阻止下拉出现“网页由...提供”
二七二十七的博客
03-17 2850
在微信h5的开发中，解决在微信打开h5页面时，禁止下拉页面查看“网页由…提供”获取网页的来源，兼容安卓和ios，实测有效
vue爬坑记录：禁止微信浏览器下拉出现“本网页由xxx提供”
Mirage
05-03 8172
很烦人的提示，特别是当前页面需要滚动的时候！ 上滑正常，下滑的时候很容易就会出现这个提示，严重影响使用体验。 解决方案： 1、外层html、body等设为不可滚动,ps:#app为vue项目基础DOM;.wx-pages为App.vue内部路由 // 可以在写在reset里面 html, body, #app, .wx-pages { padding: 0; margin: 0; he...
WEB前端 屏蔽移动端浏览器页面顶部提示 此网页由网站提供
weixin_38984353的博客
05-22 4260
移动端开发的小伙伴们应该遇到过一个问题：h5页面在微信端打开的时候，滑到最顶部再网上滑就会出现一段黑色的背景， 并且显示当前页面url，虽然一般情况下不会有太大的影响，但是如果要自定义显示内容就会影响我们的需求了。找了很多方法， 都是简单粗暴地直接e.preventDefault()，但这样会禁止内部Scroll，导致页面不能滚动，上拉加载失效， 太残暴了，找了很久，终于找到了办法，可以达到...
微信中禁止网页下拉出现"网页由XXX提供" 【亲测有效】
weixin_34185364的博客
06-18 5771
最近在开发过程中遇到新的需求：在微信公众号中禁止下拉出现我司域名，微信公众号中的域名是由微信内置浏览器根据网址自动读取，暂时不支持自定义功能。在无法更改的前提下，想到了禁止页面下拉的方法。于是有了以下代码： 参考:微信中打开网页，下拉会显示网页由XXX提供，但是有些网页却没有，不同平台不同手机也不一样，这是什么原因？ $(document).ready(function(){ ...
H5微信中禁止网页下拉出现"网页由XXX提供"
qq_35165469的博客
08-12 7382
不知道你们都是怎么解决h5下拉时，固定元素会随之下移，顶部出现“此网页是有XXX提供” 下面是我的解决方案，希望能够对有需要的你有帮助： 我的布局使用的是position，头部、尾部使用的是position：fixed，内容区使用的是position：absulote并且可以滚动，下拉页面时，在ios中头部、尾部都是固定的，内容区滑动也OK的；但是在安卓手机上，下拉页面的时候，头部和尾部都会随...
利用iscroll插件仿微信浏览器下拉提示“此网页由xxx提供"
飞空静渡
05-28 2492
此实现有scroll.js插件实现直接上代码：&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"&gt;&lt;/script&gt
html5调用qq浏览器,记一次Vue项目解决微信浏览器下拉“网页由xxx提供，QQ浏览器X5内核提供技术支持”...
weixin_29063035的博客
06-10 746
外层html、body等设为不可滚动,ps:#app为vue项目基础DOM;.wx-pages为App.vue内部路由html,body,#app,.wx-pages{padding: 0;margin: 0;height: 100%;overflow: hidden;-webkit-overflow-scrolling: touch;}在public/index.html里移除touchmove...
微信内置浏览器下滑露底
小生鲜
12-10 818
微信内打开往下下拉会出现网页由xxx提供，其实很简单可以通过给document绑定禁止滑动事件解决 document.addEventListener('touchmove', function(e) { e.preventDefault(); },{passive: false}); 第三个参数一定要写成对象{passive:false},如果默认写成false默认冒泡阶段可能在手机中没...
别人的链接非不是微信官网内部链接下拉却显示网页由mp.weixin.qq.com提供的原因以及实现
热门推荐
df981011512的博客
03-31 1万+
这个其实就是个障眼法，代码已经贴在下面了，锅锅我一开始也是差点被骗到了，建议不要乱用免得被微信官方发现了告你我可不负责，哈哈 【来源】：php高级完整自学视频教程免费下载 【具体帖子地址】：别人的链接非不是微信官网内部链接下拉却显示网页由mp.weixin.qq.com提供的原因以及实现 废话不多说，直接贴代码： var doc = $(document);
阻止微信浏览器的下滑出现空白事件
超级兵团的博客
05-19 2794
var overscroll = function(el) { el.addEventListener('touchstart', function() { var top = el.scrollTop , totalScroll = el.scrollHeight , currentScroll = top + el.offsetHeight; //I
微信h5页面禁止下拉露出网页来源
梧桐下的四叶草
10-21 1万+
转载自：http://www.cnblogs.com/cococe/p/5956870.html 1.可以给document的touchmove时间禁止掉就行了 1 2 3 document.querySelector('body').addEventListener('touchmove', function(e) {
uniapp下拉不显示网址由xxx提供
weixin_49295874的博客
07-18 924
uniapp下拉不显示网址由xxx提供
uniapp中的H5页面微信浏览器中禁止下拉出现网页由xxx.xxxxx.com提供，QQ浏览器X5内核提供技术支持这个
weixin_41463944的博客
11-18 1122
uniapp中的H5页面微信浏览器中禁止下拉出现网页由xxx.xxxxx.com提供，QQ浏览器X5内核提供技术支持这个
完美解决safari、微信浏览器下拉回弹效果、包含微信小程序 webview 套H5页面下拉效果。
从入门到放弃
06-06 1287
如题，解决微信小程序、公众号 下拉回弹橡皮筋效果， 屏蔽掉 “此网页由XXXXX提供”;
禁止微信内置浏览器中下拉出现网址页面
ThisIsClark
08-19 2785
在微信内置的浏览器中，下拉页面可以看到当前网页的网址。在某些项目中，我们可能不想看到这样的网址，这时候就需要想办法去让用户在下拉时微信不显示这个地方。 这里我们用到的是比较暴力的方法，就是直接屏蔽调滑动事件，所以首先你要确认一下你的项目是不是不需要滑动事件。 代码如下： document.addEventListener('touchmove', function(e) {
微信h5页面禁止下拉出现网页来源等
weixin_30355437的博客
05-25 448
1.可以给document的touchmove事件禁止掉就行了 1 2 3 document.querySelector('body').addEventListener('touchmove',function(e) { e.preventDefault(); }) 2.如果页面有部分区域...
Claude Code 从安装到调用的保姆级指南（MacOS）
最新发布
m0_53581755的博客
06-18 124
本文详细介绍了在macOS上安装配置Claude Code的完整流程。主要内容包括：1）安装Node.js（推荐18+版本）；2）通过npm安装Claude Code；3）使用88api中转服务配置API连接（含获取API Key和两种配置方式）；4）VSCode插件的额外配置；5）常见问题排查方法（如连接失败的处理）。教程提供了从环境准备到实际使用的完整解决方案，特别针对国内用户无法直连的问题给出了中转服务配置方案，并附有详细的命令行操作指导和注意事项，帮助用户快速上手Claude Code。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值