首页 » SEO优化 » 仿QQ打开网址显示的当前网页非官方页面

QQ打开网址显示的当前网页非官方页面,加了个复制网址的按钮,应该可以用在防红短网址生成站上吧,先扒下来先,因为用的苹果手机,测试不能复制,电脑端可以,安卓没安卓手机,不知道效果,又水了一篇文章。

仿QQ打开网址显示的当前网页非官方页面

使用:建个html文件把下面代码复制进去,访问你建的html文件后面加?url=网址。

例:

https://www.leyym.com/wq/index.html?url=www.leyym.com

页面代码:

 

  • <!DOCTYPE html>
  • <html>
  • <head>
  •   <title>提示</title>
  •   <meta charset=“utf-8”>
  •   <meta name=“viewport” content=“width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no”>
  • </head>
  • <style>
  •   html,body{height:100%;margin:0;padding:0;background-color:#fff;}.section{margin:0;color:#222;font-size:12px;padding:70px 15px 20px;text-align:center;}.ui-title{font-size:18px;font-weight:bold;color:#03081A;letter-spacing:2px;}.ui-notice{font-size:16px;margin-bottom:13px;font-weight:normal;color:#878B99;}.url{padding:5px 0;word-break:break-all;font-size:14px;color:#03081A;}#complain{}.ui-icon{display:inline-block;width:80px;margin:0 auto 10px;}.bottom{position:absolute;bottom:30px;left:0;right:0;color:#B0B3BF;}.bottom-item{display:inline-block;font-size:14px;cursor:pointer;color:#40A0FF;text-decoration:none;}.ui-arrow{float:right;display:none;width:15px;height:15px;}.copy-btn{display:none;width:80%;margin:13px auto 0;padding:10px 0;text-align:center;background:#00CAFC;color:#fff;border-radius:6px;outline:none;border:none;}.copy-result{display:none;text-align:center;}.wq{border-style:groove;border-radius:4px;}.wq:hover{}
  • </style>
  • <body>
  •   <section class=“section”>
  •     <img class=“ui-icon” src=“https://3gimg.qq.com/tele_safe/static/tmp/ic_alert_blue.png”>
  •     <p class=“ui-title”>当前网页禁止在QQ内打开</p>
  •     <div cols=“20” id=“biao1”><div class=“url” id=“url”></div></div>
  •     <input class=“wq” type=“button” onClick=“copyUrl2()” value=“点击复制网址” />
  •     <p class=“ui-notice”  id=“mobile” style=“display: none”>当前网址禁止在QQ内打开,如需访问,请复制网址后使用浏览器访问!</p>
  •     <p class=“ui-notice”  id=“pc” style=“display: none”>当前网址禁止在QQ内打开,如需访问,请复制网址后使用浏览器访问!</p>
  •     <div class=“bottom”>
  •       <div id=“complain” class=“bottom-item”>申请恢复访问</div> |
  •       <div id=“guide” class=“bottom-item”>客服指引</div> |
  •       <div id=“rule” class=“bottom-item”>查看规则</div>
  •     </div>
  •   </section>
  • </body>
  • <script src=“https://cdn.bootcss.com/jquery/1.8.2/jquery.min.js”></script>
  • <script src=“https://3gimg.qq.com/tele_safe/static/Lib/clipboard.min.js”></script>
  • <script>
  • var UA = navigator.userAgent
  • if (UA.toLowerCase().indexOf(‘mobile’) >= 0) {
  •   $(‘#mobile’).show()
  • } else {
  •   $(‘#pc’).show()
  • }
  • function getParams(name){
  •   var reg = new RegExp(“(^|&)” + name + “=([^&]*)(&|$)”, “i”);
  •   var r = window.location.search.substr(1).match(reg);
  •   if (r != null) return decodeURIComponent(r[2]);
  •   return ”;
  • }
  • var url = getParams(‘url’)
  • var showUrl = url
  • if(url.length > 100) {
  •   showUrl = url.slice(0, 30) + ‘…’
  •   $(‘.ui-arrow’).show()
  •   $(‘#copy-btn’).show()
  •   $(‘.ui-arrow’).on(‘click’, function() {
  •     $(‘#url’).html(”)
  •     var coUrl = url.length > 200 ? url.slice(0, 200) + ‘…’ : url
  •     document.getElementById(‘url’).appendChild(document.createTextNode(coUrl))
  •   })
  •   var clipboard = new ClipboardJS(‘#copy-btn’, {
  •     text: function(trigger) {
  •       return url
  •     }
  •   })
  •   clipboard.on(‘success’, function(e) {
  •     $(‘.copy-result’).show()
  •     setTimeout(function(){$(‘.copy-result’).hide()}, 1000)
  •   })
  •   clipboard.on(‘error’, function(e) {
  •     MtaH5.clickStat(‘copyerror’, {
  •       ‘action’: e.action,
  •       ‘trigger’: e.trigger
  •     })
  •   })
  • }
  • document.getElementById(‘url’).appendChild(document.createTextNode(showUrl))
  • $(‘body’).on(‘copy’, function(e) {
  •    MtaH5.clickStat(‘copy’,{‘url’:url})
  • })
  • // 申诉
  • $(‘#complain’).on(‘click’, function() {
  •   MtaH5 && MtaH5.clickStat(“complain”)
  •   if (UA.toLowerCase().indexOf(‘mobile’) >= 0) {
  •     window.location.href = ‘https://guanjia.qq.com/online_server/m_complain.html?url=’+ escape(url)
  •   } else {
  •     window.location.href = ‘https://guanjia.qq.com/online_server/complain_url.html?url=’+ escape(url)
  •   }
  • })
  • $(‘#rule’).on(‘click’, function() {
  •   window.open(‘https://urlsec.qq.com/eviltype.html’, ‘_self’)
  • })
  • $(‘#guide’).on(‘click’, function() {
  •   window.open(‘https://kf.qq.com/product/QQ.html’, ‘_self’)
  • })
  • </script>
  • <script>
  • function copyUrl2()
  •     {
  •         var Url2=document.getElementById(“biao1”).innerText;
  •         var oInput = document.createElement(‘input’);
  •         oInput.value = Url2;
  •         document.body.appendChild(oInput);
  •         oInput.select(); // 选择对象
  •         document.execCommand(“Copy”); // 执行浏览器复制命令
  •         oInput.className = ‘oInput’;
  •         oInput.style.display=‘none’;
  •         alert(‘复制成功’);
  •     }
  • </script>
  • </html>

未经允许不得转载:作者:leyun, 转载或复制请以 超链接形式 并注明出处 乐云源码
原文地址:《仿QQ打开网址显示的当前网页非官方页面》 发布于2020-12-24

分享到:
赞(0) 生成海报

评论 抢沙发

4 + 5 =


长按图片转发给朋友

终身VIP会员仅需要99元
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

切换登录

注册