模拟微信下拉显示网页由xxx提供

这代码以前易云也用过类似的,而且也很完美,但是后面在最新版本微信和谐了,现在又有人用iscroll.js写了这个下拉代码并无偿分享了出来。利用这个代码可以伪装成腾讯的mp.weixin.qq.com页面。然后你懂的.....

话不多说,代码奉上。

<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1,user-scalable=no"> <script src="https://cdn.bootcss.com/iScroll/5.2.0/iscroll.min.js"></script> <style> body { background: #0099EC; } .wechat_from { position: fixed; background: #303133; top: 0; left: 0; right: 0; /*防止 下拉太长 显示 蓝色背景*/ height: 300px; color: #7A7B7D; padding: 10px 0; font-size: 12px; } #wrapper { position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; width: 100%; overflow: hidden; } #container { background: #0099EC; color: #FFF; text-align: center; } </style></head> <body> <div class="wechat_from"> <center>此网页由 AE博客 提供</center> </div> <div id="wrapper"> <div id="container"> <br><br><br><br><br><br> <br><br><br><br><br><br> <h2>下拉试试</h2> <p>您访问的是 aeink.com </p> <p>下拉显示 由 mp.weixin.qq.com 提供 </p> <br><br><br><br><br><br> <br><br><br><br><br><br> <br><br><br><br><br><br> </div> </div> <script> var myScroll; function isPassive() { var supportsPassiveOption = false; try { addEventListener("test", null, Object.defineProperty({}, 'passive', { get: function() { supportsPassiveOption = true; } })); } catch (e) {} return supportsPassiveOption; } window.onload = function() { myScroll = new IScroll('#wrapper', { mouseWheel: true }); } document.addEventListener('touchmove', function(e) { e.preventDefault(); }, isPassive() ? { capture: false, passive: false } : false); </script></body> </html>
本文由 易云博客 作者:易云 发表,其版权均为 易云博客 所有,文章内容系作者个人观点,不代表 易云博客 对观点赞同或支持。如需转载,请注明文章来源。
32

发表评论