网页按F12进入开发人员工具,出现“已在调试程序中暂停”如何解决?

2021年12月28日02:07:25随笔评论10,7981阅读模式

最近,我在折腾铁眼书吧个人博客的时候,发现一个很方便的工具。就是在浏览器里通过F12进入开发人员工具,通过在这里修改CSS,达到满意效果后,再将样式复制到后台程序,这样能很直观的看到修改效果,非常方便。

%title插图%num
进入开发人员工具,修改样式表

但是,我用过一段时间以后,突然出现了“已在调试程序中暂停”的状态,所有的网页代码和CSS样式表也不会出现了。这让我很意外。一直在通过这个地方维护网站的页面,现在却打不开了。

为此,我开始在全网进行搜索,到底是什么原因造成的开发人员工具无法使用的问题。搞了许久才能能发现到底是什么原因,网络上给出的解答,要么是文不对题,要么就是教程极为复杂,对于我这技术小白来说,根本是看不懂的,我也没有那个时间再重新学习一遍开发人员的专业教程。

%title插图%num
已在调试程序中暂停

在这种情况下,我也放弃了利用这个途径修改页面CSS样式的途径,还是用老办法,到后台修改主题,然后保存测试,虽然老土,但还能用。

直到今天,我脑海里突然想到一个问题,我的网站貌似修改了缓存设置,禁止了缓存功能,相当于网页一直处于动态飘舞的状态,就像雪花飘落,开发调试怎么可以扑捉到代码呢?

%title插图%num
禁用缓存功能无法进行调试

想到这里,我抱着试试看的心态,开启了缓存功能,更新后,关闭浏览器,重启打开铁眼博客首页,按F12进入开发人员工具,漂亮的红蓝代码瞬间蹦出来,内心一阵欢喜。

另外说明一下,铁眼书吧博客用的缓存插件为WP Super Cache插件,可在WordPress网站程序后台搜索下载。

%title插图%num
缓存插件:WP Super Cache

[wshop_reward]

铁眼
  • 本文由 发表于 2021年12月28日02:07:25
  • 转载留链接:https://www.tysb.club/10870.html
匿名

发表评论

匿名网友 填写信息