【发布】【书签脚本】ViewPage Bookmarklet for Firefox（经典的 ViewPage 插件）

【2015-9-15更新】：因为这书签脚本年久失修，我也多年未用，旧硬盘已经入土（这是借口之一），人忙也善忘（借口之二），总之这书签脚本至今完全没法用了，要修理也颇费时日。
为了让需要者能够取用部分功能去解燃眉之急，先提供些候选功能的书签脚本如下：
属性：
Firefox页面右键菜单－查看页面信息；
如果要查看页面更新时间：书签脚本：显示当前网页最后更改时间

javascript:function%20gett(w){try{var%20lm=new%20Date(w.document.lastModified);if(lm>maxd)maxd=lm;for(var%20i=0;F=w.frames[i];i++){gett(F);}}catch(e){}}var%20now=new%20Date();var%20maxd=new%20Date(document.lastModified);gett(window);if(maxd.getTime()==0||now.toUTCString()==maxd.toUTCString()){alert('Page%20is%20dynamically%20generated,%20cannot%20determine%20date.');}else{alert('Page%20was%20last%20modified%20'+maxd.toLocaleString());}

图片：
Firefox页面右键菜单－查看页面信息－媒体；
集图工具(Image Picker) https://addons.mozilla.org/firefox/addon/235863
书签脚本：列出所有图片

javascript:outText='';for(i=0;i<document.images.length;i++){if(outText.indexOf(document.images%5Bi%5D.src)==-1){outText+='<tr><td><img%20src='+document.images%5Bi%5D.src+'></td><td>'+document.images%5Bi%5D.height+'</td><td>'+document.images%5Bi%5D.width+'</td><td><a%20href=%22'+document.images%5Bi%5D.src+'%22>'+document.images%5Bi%5D.src+'</a></td></tr>'}};if(outText!=''){imgWindow=window.open('','imgWin','width=800,height=600');imgWindow.document.write%20('<table%20border=1%20cellpadding=10><tr><th>Image</th><th>Height</th><th>Width</th><th>URL</th></tr>'+outText+'</table>');imgWindow.document.close()}else{alert('No%20images!')}

脚本：
Firebug或内置元素查看工具；
书签脚本：查看当前页JS变量与函数

javascript:(function(){var%20x,d,i,v,st;%20x=open();%20d=x.document;%20d.open();%20function%20hE(s){s=s.replace(/&/g,%22&%22);s=s.replace(/>/g,%22>%22);s=s.replace(/</g,%22<%22);return%20s;}%20d.write(%22<style>td{vertical-align:top;%20white-space:pre;%20}%20table,td,th%20{%20border:%201px%20solid%20#ccc;%20}%20div.er%20{%20color:red%20}</style><table%20border=1><thead><tr><th>Variable</th><th>Type</th><th>Value%20as%20string</th></tr></thead>%22);%20for%20(i%20in%20window)%20{%20if%20(!(i%20in%20x)%20)%20{%20v=window%5Bi%5D;%20d.write(%22<tr><td>%22%20+%20hE(i)%20+%20%22</td><td>%22%20+%20hE(typeof(window%5Bi%5D))%20+%20%22</td><td>%22);%20if%20(v===null)%20d.write(%22null%22);%20else%20if%20(v===undefined)%20d.write(%22undefined%22);%20else%20try{st=v.toString();%20if%20(st.length)d.write(hE(v.toString()));%20else%20d.write(%22%20%22)}catch(er){d.write(%22<div%20class=er>%22+hE(er.toString())+%22</div>%22)};%20d.write(%22</pre></td></tr>%22);%20}%20}%20d.write(%22</table>%22);%20d.close();%20})();

样式：
Firebug或内置元素查看工具

对象：
（应该没什么用）

框架：
Firebug或内置元素查看工具

============以下是原文===============
相信用过 Maxthon、GreenBrowser 等等的都会对 ViewPage 插件有所听闻，但 Firefox 下“页面信息”只是这插件的部分替代，要完全替代需要几个简单扩展的组合或者一个庞大的页面开发辅助工具扩展。
那么我就把 Opera 用的 ViewPage 脚本拿过来，作了些修改使之兼容 Firefox ，然后做成 Bookmarklet 的形式。

简介（如果你还未知道这是什么）：
Bookmarklet 就是以书签的形式安装使用的脚本；ViewPage 脚本就是分析当前页面内容并归类列出“属性”、“图片”、“脚本”、“样式”、“对象”、“框架”的信息。用途包括提取图片、样式、分析脚本、框架结构等。

压缩版（体积小）：
http://www.box.net/shared/ljn7rtos49
http://pickup.mofile.com/8876358452352558

未压缩版（可供修改）：
http://www.box.net/shared/d9mlqlkbks
http://pickup.mofile.com/2254672203917283

用法：
下载后打开文件（用浏览器打开，不要用记事本，有增强编辑器也行），复制全部内容，然后在 Firefox 中新建一书签，“名称”填“ViewPage”或随意，“地址”粘贴之前复制的内容，确定。之后要查看哪个页面，就直接在那页面上点这个书签就行了。
点击书签后 ViewPage 栏将显示在页面底部，同时页面也自动滚动到 ViewPage 栏所在位置。然后就像以前查看 ViewPage 信息那样查看就行了。
需要关闭 ViewPage 的话，可以点击 ViewPage 栏上面的关闭按钮（如果 ViewPage 栏比窗体高的话可能要稍向上滚动页面）。

一些可以跳过的须知：
*不显示在新建窗口的原因是 Firefox 对在新窗口注入代码的方法提示“Security Error”，如果有绕过方法的话请告知。
*“压缩版”是用站长工具压缩的代码，体积小功能一样。
*本来是用 document.location 来定位到 VP 栏，可是这样做 Firefox 会持续显示正在载入的状态，不知道哪里出的问题；书签脚本中现在用的是滚动页面方法。
*Autopagerize 可用的话会将自动翻页插在 VP 栏前面，所以使用该书签脚本之前请临时停用 Autopagerize （通过其页面右上角设置）。
*由于使用嵌入页面的方式加载，所以相应的样式表也插入到原页面，于是 ViewPage 的“样式”栏中“内嵌样式”最后一项总是 ViewPage 自用样式。
（本来想弄成链接，在这里一拖到书签栏就OK了；可惜不支持）

欢迎 Bug 报告 及 改进建议。

更新：添加关闭按钮（条）。
更新20100221：修正错误，现在不会把脚本自己的样式表包含在“样式”栏中了，关闭按钮也能真真正正清除掉所有脚本产生的东西了。添加图片尺寸显示，改善栏目显示样式。
更新20100305：添加链接列表，改善显示样式最大限度减少宽度被撑大，修正原脚本不兼容标准的代码，添加浮动条“回到 ViewPage 栏顶部”。

谢谢分享，弄上了，虽然对我来说好像没什么用

先留着。谢谢楼主了。

有点意思，谢谢分享^_^

非常感谢，我现在已经在用了，有BUG一定报告，谢谢

有没有关闭的选项或者按钮，貌似开启之后要关闭只能重载页面？

gsky916：有没有关闭的选项或者按钮，貌似开启之后要关闭只能重载页面？回到原帖

顶楼更新，已添加此功能。
那关闭按钮做成了一整条的形式，方便点按。点击后 ViewPage 加插的所有东西都将移除。

能否把VIEWPAGE集成到右键菜单？谢谢

cnmtt001：能否把VIEWPAGE集成到右键菜单？谢谢回到原帖

可以，需要写成 uc 脚本，你要用 UserchromeJS 扩展加载。
……不过我需要去研究怎么写xul，最好有高手赶在我之前写出来 。

不懂，

感谢分享

很有用的书签，感谢楼主！

确实很有用

支持楼主，辛苦了