在网页中调用Firebug Lite网页调试工具

jbxh1 · 发表于 2020-5-13 20:59:51

本帖最后由 jbxh1 于 2020-5-13 21:09 编辑

如果你的浏览器不支持F12
只要简单的在网页里加上这句代码就可以了

复制代码

如果嫌加载速度慢可以改用国内的地址https://www.bootcdn.cn/firebug-lite
下面是一个网页示例

<!doctype html>
<html>
<head>
<script src="https://cdn.bootcss.com/firebug-lite/1.4.0/firebug-lite.js#overrideConsole"></script>
</head>
<body>
<div id="header">现在大多数的浏览器都具有调试工具，都能按F12打开调试工具非常方便</div>
<div id="container">
但有时你需要在自己内嵌的浏览器控件中使用调试工具，<br>
这时只需要简单的在代码中加上下面的JS脚本代码就可以了：<br><br>
<script src="https://getfirebug.com/firebug-lite.js#overrideConsole" > </script>
</div>
</body>
</html>

复制代码

天启 · 发表于 2020-5-16 17:28:28

jbxh1 发表于 2020-5-15 21:47
在win10系统下的IE浏览框中可正常使用
如果其他浏览器本来就能正常使用开发者工具再插入这个可能会导致冲 ...

jbxh1 · 发表于 2020-5-15 21:47:22

本帖最后由 jbxh1 于 2020-5-15 21:50 编辑

测试效果.PNG

在win10系统下的IE浏览框中可正常使用
如果其他浏览器本来就能正常使用开发者工具再插入这个可能会导致冲突无法使用
建议把js下载到本地使用

firebug-lite.zip (120.31 KB, 下载次数: 0)

天启 · 发表于 2020-5-15 14:15:47

没效果啊

[自由交流] 在网页中调用Firebug Lite网页调试工具