标题: Firefox插件JSView
作者: Demon
链接: https://demon.tw/software/firefox-jsview.html
版权: 本博客的所有文章,都遵守“署名-非商业性使用-相同方式共享 2.5 中国大陆”协议条款。
如果你使用 Firefox 浏览器,我推荐你安装 JSView 这个扩展,可以快速查看页面包含的外部 JS/CSS 文件。
安装此插件后,就无需手工查看源代码,找到 外部 JS/CSS 文件的 URL,然后用浏览器打开该地址了。也无需把某个页面另存为以获得 JS/CSS 文件了。
默认安装后会在鼠标右键添加一个“查看网页源代码 – JSView”的选项,与常规查看网页源代码的功能相同,可在设置中隐藏此选项。
可以在 工具栏的 查看 选项,查看外部 JS/CSS 文件源代码。
也可以在 JSView 的设置里设置在右键快速查看 JS/CSS 文件
当然也可以设置用不同的编辑工具打开 JS/CSS 文件,如我使用 EditPlus。
以下是 Firefox JSView 插件页面的介绍:
赞赏每个浏览器都有“查看页面源代码”选项,但是没有一个可以查看外部文件中的源代码。大部分网站都会把他们的 JavaScript 和样式表存放在外部文件中,之后再通过网页代码链接到网页内部。过去,如果你想查看放置在外部文件中的 JavaScript 或者 CSS,你需要手工查看源代码,找到 URL,然后用浏览器打开该地址。
现在我们可以另辟蹊径——用 JSView 扩展来解决这个问题。你可以通过上下文菜单、工具栏、查看菜单或者状态栏启动它。如果你查看的页面包含外部 JS/CSS 文件,它就会用“CSS”和“JS”图标单独或同时加以标注。点击文件名就可以通过新窗口打开单个文件,你也可以点击“查看全部”一起打开所有文件。
有了最新版本的 JSView,你就可以通过上下文菜单中的“查看页面信息”或者工具栏来查找内嵌的 JS 和 CSS 了。页面信息窗口中会出现 3 个新的标签,分别是:Script、样式表和帧。你可以双击或使用上下文菜单打开它们。
现在,“查看页面源代码”对象的打开方式取决于你的 JSView 选项设置。你可以选择使用新标签页或者外部编辑器打开这些对象。
微信赞赏支付宝赞赏
随机文章:
切,你不是说用IE么。。。
这个较为专注于js和css文件。。。查找直观。。。之前一直使用web developer 也不错。。强大但不专注。。