网站
-
WordPress页面插入720全景代码(或其他Iframe)自适应高度全屏显示教程
通常情况下,我们在WordPress中插入Iframe时,如果height给的是100%,很大程度上,都不能正常的实现100%的显示效果,最终会显示成如下: 在上图中,我们给的代码是:
1<iframe style="width: 100%; height:100%;" src="https://720yun.com/t/2avks71l7pe?scene_id=47915354" frameborder="no"></iframe>其中的width和height都设置的是100%,但事与愿违,在页面上并不能正常的显示到100%。 原因 出现这…
-
代码高亮插件Crayon Syntax Highlighter在PHP7.4报错解决办法
在新版的WordPress中,系统已经多次提示升级PHP,考虑到新版本更高效更安全,所以决定升级。 可是,升级完成后,网站出现大量报错,报错信息如下:
12345678910111213Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/wwwroot/www.pingzz.com/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/wwwroot/www.pingzz.com/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/wwwroot/www.pingzz.com/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/wwwroot/www.pingzz.com/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/wwwroot/www.pingzz.com/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/wwwroot/www.pingzz.com/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/wwwroot/www.pingzz.com/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340如果上面的代码不直观的话,可以看下图,满屏的报错。 可以很直观的看出错误是来自一款叫Crayon Syntax Highlighter的代码高亮插…
-
2020年7月最新国内外接(收)码平台小汇总
有的时候,某些网站或者APP必须要手机验证后才能登录使用,而我们可能只是想看一眼或者看某一条数据,并不会长期使用,更多的可能是以后都不会再使用,所以很多人都会用到接码平台。 故而,这里整理了一些国内外的接码平台,希望能帮到你。 1、FreePhoneNum.com 2、https://smsreceivefree.com 3、https://zh.mytra…
-
WordPress使用CDN(腾讯云)后不能正常评论的解决办法
最近在速度与可用性上我折腾了很长一段时间,一直没有找到一个很好很完美的办法,包括百度云、腾讯云、阿里云的CDN也都陆续进行了测试与使用,本地的WP Super Cache缓存插件,服务器上的Memcached也都陆陆续续玩过折腾过。 在这过程中,一直有一个小问题困扰着我,像百度的CDN,会把页面登录信息缓存上,虽然每天免费10G流量很香,但不可能不登录后台不…
-
WordPress替换了数据库中的文章图片链接但编辑器链接未改变的原因
前段时间我折腾了腾讯云的COS,将整个博客的静态文件全部迁移到了COS桶中,经过一段时间的体验,我觉得这其实是一种非常糟糕的做法,特别是像我这样囊中羞涩的人来说。 当时的折腾过程可以看这篇文章。 WordPress媒体库迁移腾讯COS教程(避坑指南) 我们来看账单。 起初我真是太天真了,以为COS花不了几个钱,结果事与愿违,在这个账单中,我们可以看到,COS…
-
如何自定义一个美观的宝塔防火墙拦截页面及页面代码分享
宝塔防火墙能拦截一些常规的攻击,在拦截时候会提示宝塔防火墙,如果你不想让攻击者知道你用的是宝塔并且是被宝塔防火墙拦截,可以通过自定义规则的方式,定义一个新的页面作为相应内容,默认页面效果如下: 通过自定义后的效果如下: 修改教程 在宝塔面板中,点击软件商店,找到安装的防火墙,点击设置。 左侧选项卡选择第二项,全局配置,我们需要修改的就是右侧这几个「响应内容」…
-
网页限制F12代码,实现调试模式下自动关闭网页或者跳转指定页面
在有些页面不想让用户访问F12的情况下我们需要如何去处理,要如何实现用户访问F12关闭网页或进行跳转。 下面具体贴上代码 复制到你的网页代码中即可 关闭窗口并打开空白页JS代码
12345678910111213141516171819202122232425262728293031323334<script type="text/javascript">//判断F12审查元素function fuckyou() {window.close(); //关闭当前窗口(防抽)window.location = "about:blank"; //将当前窗口跳转置空白页}function ck() {console.profile();console.profileEnd();//我们判断一下profiles里面有没有东西,如果有,肯定有人按F12了,没错!!if(console.clear) {console.clear()};if(typeof console.profiles == "object") {return console.profiles.length > 0;}}function hehe() {if((window.console && (console.firebug || console.table && /firebug/i.test(console.table()))) || (typeof opera == 'object' && typeof opera.postError == 'function' && console.profile.length > 0)) {fuckyou();}if(typeof console.profiles == "object" && console.profiles.length > 0) {fuckyou();}}hehe();window.onresize = function() {if((window.outerHeight - window.innerHeight) > 200)//判断当前窗口内页高度和窗口高度,如果差值大于200,那么呵呵fuckyou();}</script>F12-网页跳转JS
123456789101112131415161718192021222324252627282930function collect() {//开始javascript执行过程的数据收集console.profile();//配合profile方法,作为数据收集的结束console.profileEnd();//我们判断一下profiles里面有没有东西,如果有,肯定有人按F12了,没错!!if (console.clear) {//清空控制台console.clear()};if (typeof console.profiles == "object") {return console.profiles.length > 0;}}function check() {if ((window.console && (console.firebug || console.table && /firebug/i.test(console.table()))) || (typeof opera == 'object' && typeof opera.postError == 'function' && console.profile.length > 0)) {jump();}if (typeof console.profiles == "object" && console.profiles.length > 0) {jump();}}check();window.onresize = function() {//判断当前窗口内页高度和窗口高度if ((window.outerHeight - window.innerHeight) > 200)jump();}function jump() {window.location = "https://72.rs"; -
WordPress媒体库迁移腾讯COS教程(避坑指南)
经过了两天的摸索与尝试,加上丢失了一点点数据库内容,现在把这个过程分享给有需要的朋友,希望你在做媒体库迁移到腾讯COS的过程中能避掉一些坑。 为什么做迁移 原因很简单,我想使用腾讯COS的webp服务,使用的主题是自带这个服务的,如下图所示,在图片资源为腾讯云COS的基础上,加上一小行后缀即可自动实现webp。[crayon-60062b80bd7cb772…
-
HTML通过CSS控制元素上下居中同时左右居中
之前在给阳光房宝做小程序码的时候就需要在微信中上下左右居中,因为平时很少自己写前端,所以搜索了一些前辈的方法 最终我用的是下面这样的代码:
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>阳光房宝小程序</title><style>.container {position: fixed;top: 0;right: 0;bottom: 0;left: 0;text-align: center;font-size: 0;white-space: nowrap;overflow: auto;}.container:after {content: '';display: inline-block;height: 100%;vertical-align: middle;}.dialog {display: inline-block;vertical-align: middle;text-align: left;white-space: normal;}</style></head><body width="100%" height="100%" margin: 0; padding: 0;><div class="container"><div class="dialog"><img src="xiaochengxu.jpg" width="100%"/></div></div></body><script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script><!--引用最新版腾讯JS--><script>wx.config({debug: false,appId: '***',timestamp: ***,nonceStr: '***',signature: '***',jsApiList: ['updateAppMessageShareData' ,'updateTimelineShareData' // API列表]});//API内容wx.ready(function () { //需在用户可能点击分享按钮前就先调用wx.updateAppMessageShareData({title: '阳光房宝小程序',desc: '阳光城·翡丽公馆项目位于贵州省毕节市中心城区-东城区板块,前靠毕节东客站...',link: 'http://720.gyxlck.com/yangguangfeicui/xcx.php',imgUrl: 'http://720.gyxlck.com/yangguangfeicui/logo.jpg',success: function () {// 设置成功}});});wx.ready(function () { //需在用户可能点击分享按钮前就先调用wx.updateTimelineShareData({title: '阳光房宝小程序', // 分享标题link: 'http://720.gyxlck.com/yangguangfeicui/xcx.php', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl: 'http://720.gyxlck.com/yangguangfeicui/logo.jpg', // 分享图标success: function () {// 设置成功}});});</script>可以通过这个链接查看具体效果:http://720.gyxlck.com/yangguangfeicui/xcx.php 而最近通过自己学习,我觉得这样写更直…
-
移动端H5不能自动播放背景音乐解决方法
相信很多开发者都遇到了这个坑,在PC上用浏览器调试也都能播放,但实际在微信或者手机浏览器中,又不能正常播放,解决的办法也很简单,参照如下代码修改即可: 1、先加载背景音乐
1<audio id="bgmusic" style="display:none;" src="music/back.mp3" autoplay preload controls></audio><!--加载背景音乐-->2、利用微信的jssdk突破了限制
12345678910111213141516171819<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script><script>var audioStatus = "paused";var audio = document.getElementById("bgmusic");audio.addEventListener("playing", function(){audioStatus = "playing";});audio.addEventListener("pause", function(){audioStatus = "paused";});document.addEventListener("WeixinJSBridgeReady", function () {if(audioStatus=="paused"){//判断播放状态,如果未播放就执行播放document.getElementById("bgmusic").play();}});</script>添加如上代码后,即可实…