您现在的位置是：首页 > 域名 > 正文

域名

wordpress仿QQ域名跳转最新版域名防红代码

1987web2022-09-14域名337

由于网站域名曾经被腾讯安全中心标记过恶意风险，为此我决定仿照现在的QQ的非官方链接跳转页面，制作一份属于自己的防红页面。

0x00 获取代码

我选择QQ邮箱的非官方链接跳转页面，以下是示例页面：

我们直接在浏览器中单击右键->网页另存为或者Ctrl + S

保存后的网页文件打开后可能会乱码，因为页面编码是GBK，建议将它转换成UTF-8格式，转换格式后，记得将标签中的charset=gb18030改为charset=ustf-8

0x01 页面设计

页面logo以及当前访问链接，下方两个按钮，分别为继续访问和浏览打开，详细信息包含隐藏内容

PC和WAP实现自适应，按钮点击特效

0x02 实现功能

本次需要实现的不仅是链接跳转打开浏览器，还要实现点击继续访问按钮后，继续在QQ中打开，更加的人性化设计

继续访问

增加cookies记忆，cookies的id设置为is_skip，值设定为该页面URL地址通过base64_encode的值

点击继续访问后，设置相应的cookies，并且强制刷新当前页面，重新进入该页面

判断是否在QQ内打开

通过判断UA（user-agent）是否包含QQ/和MicroMessenger关键字符，以下是我手机QQ中提取出来的UA

Mozilla/5.0 (Linux; Android 11; Mi 10 Build/RKQ1.200826.002; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/77.0.3865.120 MQQBrowser/6.2 TBS/045618 Mobile Safari/537.36 V1_AND_SQ_8.8.0_1792_YYB_D A_8080010 QQ/8.8.0.5420 NetType/WIFI WebP/0.3.0 Pixel/1080 StatusBarHeight/91 SimpleUISwitch/0 QQTheme/1000 InMagicWin/0 StudyMode/0

为了验证UA的合理性，我在浏览器的开发者工具中，设置了以上UA，刷页面后，成功拦截到该URL网址

JS代码

为了实现点击按钮设置cookies，这里呢我使用js代码，降低了php和js交互的难度

添加下列代码，并且按钮绑定点击事件

/* 设置cookies后强制刷新页面 */function setCookie (cname, cvalue, exdays) {  var d = new Date();  d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));  var expires = "expires=" + d.toUTCString();  document.cookie = cname + "=" + cvalue + "; " + expires;  location.reload(true);}

为了保证页面的完整性，我引用了该JS的依赖项

这里的clipboard.js，是为了实现复制当前页面链接到剪切板上，作为备用方法

由于还不能实现直接唤起浏览器打开页面URL地址，所以我引入了layer.js，点击浏览打开后打开一张图片，引导用户在QQ中手动唤起手机浏览器

PHP代码

在主题的header.php文件开始处，添加以下代码

这里我用到了一个自定义函数：curPageURL()获取当前页面的链接，以下是添加到主题functions.php的相关代码

这里我添加了当前页面的端口号，如果不需要可以将它注释掉（$_SERVER["SERVER_PORT"]）

0x03 上传文件

将相关文件：qq-check.js qq-check.css qq-check.php

qq-check.js位于主题：js目录下

qq-check.css位于主题：css目录下

qq-check.php位于主题：template-part目录下

PS：可以自定义修改相关文件的链接地址，请注意目录的合法性

0x04 功能展示

以下是本篇技术性文章的实现效果：

上期相关优化文章：wordpress自定义图标美化

举报/反馈

域名