作者：屈超（Chappell.Wat）
发布时间：April 28, 2009
分类：笔记::千草
10 Comments
不多介绍，
明白人儿都知道我的意思。
其实也可以说是动态插入样式单的标签。
首先，
对于 Content 级的脚本，
我们可以这么写：
(document.getElementsByTagName('head')[0] || document.documentElement)
.appendChild(document.createElement('style'))
.appendChild(document.createTextNode((<quchao><![CDATA[
/* Multi-line CSS Text Goes Here; from QuChao.com */
]]></quchao>).toString()));
值得注意的是 Firefox 虽然支持 CDATA 文本，
但在使用时要小 hack 一下。
该方法可以用于 GreaseMoneky 等执行于 Content 级别的脚本里，
当然 Web 里也没有问题啦。
其次，
对于 Chrome 级别的脚本，
我建议这么写：
阅读剩余部分...
作者：屈超（Chappell.Wat）
发布时间：March 23, 2009
分类：程式::五代
2 Comments
【090716 更新】
v1.1: 兼容 3.1a1pre。
最近有种想把自用脚本整理并分享出来的冲动，
因为扩展这种东西实在太麻烦了，
远不如一个脚本来得痛快。
但 UserChrome.JS 脚本相对于扩展来说数量又太少，
很多功能必须靠自己动手写，
所以，
期待更多的朋友加入这一行列。
如果你还没听说过 UserChrome.JS ，
那么我建议你阅读这些个帖子入门先，
引用之前某次我在部门分享中用来介绍它的话：
UserChrome.JS 是 Chrome 层的 GreaseMonkey，
是 Firefox Extension 的简单形式。
本文主旨是分享昨天写的一个脚本，
之后的分享将不再对它做介绍。
（但或许会考虑另撰一文来介绍
我自定义 FireFox 和 Thunderbird 的经验）
========== 正文开始 =============
Thunderbird 用户本来就少，
Thunderbird 3 的用户应该就更少了，
而使 UserChrome.js 来自定义 Thunderbird 的用户怕是少上加少，
很不幸，
我就是其中那个很装 13 的之一。
今天要给大家分享的是名为 Show as HTML Temporarily 的脚本，
一些 Thunderbird 用户会想到 Allow HTML Temp，
没错，
功用一样，
但该扩展目前尚不能很好支持 Thunderbird 最新的 XUL 结构，
我所习惯的位于 Mail Header Bar 的按钮已然失效，
每次想要激活 HTML 功能鼠标要跑很远，
既然我最想要的功能已经没了，
我毫不犹豫的卸了它，
“没有了咱就自己写”。
邮件头这一块的 XUL 结构变过数次，
直接导致我前几次的脚本失效，
所以今天提供的脚本仅能适用于最新的 Thunderbird 3 的 Nightly 版本。
（还在使用旧版本的童鞋也请赶快跟进吧）
在使用之前你还得弄清你所设置的默认显示邮件的格式，
如果你已经默认选中以原始 HTML 方式查看邮件，
我想你根本用不着类似的扩展或脚本了。
（综合考虑安全和实用性，
我建议还是选择 Simple HTML）
确认这一点之后，
请加载该脚本，
它会在你的 Mail Header Bar 上增加一个名为 Show as HTML 的按钮，
阅读 HTML 格式的邮件时遇到需要加载线上图片的情况，
点击一下就能“暂时地”以原始 HTML 的格式显示该邮件，
一来节省下不必要的流量，
二来也比默认全部加载要安全得多。
以上周的译言快讯为例，
这是治疗前：
点击后：
疗效不错嘛……
顺便提一下，
Picasa 的外链相当好用；
而 Yupoo 已成明日黄花，
把免费用户当猴耍，
可叹。
【更新日志】
[090323] v1.0: 初始发布；
[090716] v1.1: 兼容 3.1a1pre。
【提供下载】http://watsilla.googlecode.com/svn/trunk/userchrome.js/thunderbird/show_as_html_temporarily/show_as_html_temporarily.uc.js
作者：屈超（Chappell.Wat）
发布时间：February 19, 2009
分类：程式::五代
24 Comments
【最近更新】
同步更新至 1.3.2 版，
并增加供 Firefox 3.1+ 使用的1.4.0a12 版本。
如果你看过我的
上一篇文章……
应该已经了解我要解决的这个 Bug 究竟是怎么一回事儿……
很不幸 Firefox 和 Firebug 都有类似 Bug ……
也即在外部编辑器中查看网页 HTML 源码的乱码问题……
该 Bug 在 Firebug 的历代版本中均存在……
除了 Windows 我也在 Mac 版上发现了该 Bug ……
但与 Firefox 本身的问题不同……（见我前一篇文章）
Firebug 采取的另外一种方式来处理……
但显然也没能够逃脱产生乱码的“厄运”……
Bug 具体的描述如下……
如果你通过 Firebug 的菜单命令配置过外部编辑器……
（Tools -> Firebug -> Open With Editor -> Configure Editors）
那么配置完毕后将在你的右键上下文菜单中显示 Open With Editor 命令组……（如下图）
通过这个命令组……
你可以选择不同的编辑器对当前的网页源码进行查看和编辑……
确实非常便捷……
但是……
当你想用 Firebug 的这一功能查看任何包含有非 ASCII 字符的网页时……
你则可能遇到下面两种问题……
第一种……
当你想要查看任何包含非 ASCII 字符的线上页面源码时……
你可以正常打开它……（因为 Firebug 用 ascii 字符命名 tmp 文件）
但你看到的内容将是存在乱码的……（如下图）
第二种……
当你把一个文件名中包含非 ASCII 字符的文件拖进 Firefox ……
并想要查看其源码时……
你的编辑器却连文件都无法打开……（如下图）
研究 Firebug 源码后得知……
对于第一种情况……
是由于 Firebug 没有对 Unicode 的源码进行转码所致……
而第二种情况……
则是因为 Firebug 在向编辑器发送命令行参数时没有对文件名进行转码……
（如果你还想追问我为何 Firebug 的源码面板没有乱码……
我可以顺便告诉你：因为这些流程都在 Firefox 内部……）
知道了造成 Bug 的原因……
我们就可以操刀开始解决了……
对于第一种情况……
只需要将其转为 UTF-8 编码即可……
打开 profile\extensions\firebug@software.joehewitt.com\content\firebug\firebug.js 文件……
搜索：
temporaryFiles.push(file.path);
在其下方添加代码：
// Hacked by Chappell.Wat @ QuChao.com on 2008-10-14 start
data = convertFromUnicode('UTF-8', data);
// Hacked by Chappell.Wat @ QuChao.com on 2008-10-14 end
对于第二种情况……
则稍微复杂一点……
因为通过命令行发送参数到系统时需要根据系统的 non-unicode 默认编码来转码……
（由于条件所限我这里仅针对 Windows 进行修改）
比如我虽然使用英文系统……
但是为了完美支持中文我将字符集改成了 936 ……
那么我就需要将那个“乱码”文件名转为 GB2312 或 GBK……
其它语言的用户请按情况修改……（如果你看得懂的话）
同样是打开 profile\extensions\firebug@software.joehewitt.com\content\firebug\firebug.js ……
搜索：
args.push(localFile);
在其下方添加代码：
// Hacked by Chappell.Wat @ QuChao.com on 2008-10-14 start
if ('WINNT' === getPlatformName()) {
localFile = convertFromUnicode('GB2312', localFile);
}
// Hacked by Chappell.Wat @ QuChao.com on 2008-10-14 end
这样就大功告成了……
自动判断系统 non-unicode 默认编码的方法我已经找到……
有待我测试后更新……
在此之前请各位还是手动修改吧……
@081015 更新：
我今天测试的时候发现……
某些情况下 Firebug 的代码并不能完全处理 UTF8 的 BOM 头……
所以我们再写一段代码来自己清除它……
打开 profile\extensions\firebug@software.joehewitt.com\content\firebug\lib.js ……
搜索：
var segments = [];
在其下方添加代码：
// Hacked by Chappell.Wat @ QuChao.com on 2008-10-15 start
var fileLen = stream.available();
if ('UTF-8' === charset && fileLen > 3) {
var bom = sis.readBytes(3);
if (String.fromCharCode(239, 187, 191) !== bom) {
segments.push(bom);
}
}
// Hacked by Chappell.Wat @ QuChao.com on 2008-10-15 end
不过这样做是否会有什么副作用我暂时还不知道……
是否修改就看你个人选择了……
最后……
为懒人们提供修改完成的版本……（v1.2.1）
不堪乱码困扰的你一定要下载……
Bug 我也会提交到Firebug 的官方讨论组……
希望以后不用劳烦我们自己修改就能避开这种恼人的问题……
【更新记录】
[081015]: 提供 1.2.1 版本；
[090219]: 更新至 1.3.2 版，并增加供 Firefox 3.1+ 使用的1.4.0a12 版本；
【下载链接】
Firebug v1.3.2 for Firefox 3.1-:
国外： http://www.quchao.com/projects/mozilla/firefox/extension/firebug-1.3.2-fx_fixed_by_quchao.xpi
国内： http://vip.yyjoy.com/chappell/mozilla/firefox/extension/firebug-1.3.2-fx_fixed_by_quchao.xpi
Firebug v1.4.0a12 for Firefox 3.1+:
国外： http://www.quchao.com/projects/mozilla/firefox/extension/firebug-1.4.0a12_fixed_by_quchao.xpi
国内： http://vip.yyjoy.com/chappell/mozilla/firefox/extension/firebug-1.4.0a12_fixed_by_quchao.xpi
作者：屈超（Chappell.Wat）
发布时间：October 12, 2008
分类：程式::五代
7 Comments
好久没空来写点儿东西了……
今天给带来昨天刚完成的一款 Firefox 扩展……
习惯在 Firefox 里使用外部编辑器查看 HTML 源码……
然而它一直都存在这样一个 Bug ……（如图）
这个 Bug 在 Window 下所有版本的 Firefox 都存在……
原因十分简单……
Firefox 将源代码存到 windows 的 temp 文件夹后……
忘了给文件名转码……
此时源码文件的文件名是 non-unicode 编码的……
而在 Firefox 内部却是 unicode 的……
等你执行 View Page Source 命令后……
Firefox 将文件名作为参数发送给你所设置的外部编辑器……
编辑器当然找不到源码文件路径……
这也解释了为何我们可以用外部编辑器正常打开英文网站的源码……
实上在 Bugzilla 上是可以找到相关的 Bug 报告……
比如以下两个：
https://bugzilla.mozilla.org/show_bug.cgi?id=172817
https://bugzilla.mozilla.org/show_bug.cgi?id=408923
既然有 Bug 我们来修复就好了……
这就是我这个扩展的主要功能……
安装后它会修改与查看源码相关的相关函数……
把临时文件的文件名正确转码后才发送给你的编辑器……
这样就能正确打开了……（如图）
最后有三点需要注意……
1. 该 Bug 仅当使用外部编辑器查看源码时存在……
如果你使用 Firefox 内部页查看源码……
请无视……
如果你想从现在开始使用外部编辑器来查看源码……
请将 view_source.editor.external 设为 true ……
并把外部编辑器的路径写到 view_source.editor.path ……
2. 本扩展目前仅适用于简体中文用户……
因为我还没找到从 Firefox 里获取用户 non-unicode 默认编码的方法……
在注册表中没有找到……
有线索的朋友可以留言告诉我哟……
3. 装本扩展仅能解决 Firefox 内置的查看源码的方法……
Firebug 的 Open with Editor （打开编辑器）功能虽然使用的自建方法……
（请看清：是右键和菜单栏下的一个功能组……）
但仍然会存在乱码问题……
不同的是用 Firebug 所提供的该功能打开源码看到的是内容乱码……
因为它根本就没有对网页内容进行转码（见其 editor.js 功能）……
有兴趣的朋友可以使用 converter-output-stream 组件的 nsIConverterOutputStream 接口来修复该问题……
至于 Firebug 为何在打开文件时不存在乱码问题……
原因很简单……
它的临时文件的文件名是一水儿的 ascii 字符……（笑）
由此引出三个 Todo……
1. 下个版本会在选项面板提供一个文件浏览控件……
方便你简单地设置外部编辑器路径……
2. 自动判断用户的 non-unicode 默认编码值……
3. 考虑解决 Firebug 的外部编辑器乱码 Bug 并提交给 Firebug 官方……
但不确定人家要不要……
（已于 2008.10.15 解决，详见
这篇日志）
呵呵……
解决上面几个问题……
本扩展就迎来其 1.0 版本……
哦对了……
支持 2.0 - 3.0.* 的所有版本……
事实上在我的 3.2 beta pre 上也工作正常……
最后提供下载……
国外： http://www.quchao.com/projects/mozilla/firefox/extension/viewSourceInExternalEditorBugfixer.xpi
国内： http://vip.yyjoy.com/chappell/mozilla/firefox/extension/viewSourceInExternalEditorBugfixer.xpi
userChrome.js 计划中……
但将在解决自动判断编码的问题后提供……
- «
- 1
- 2
- 3
- 4
- 5
- 6
- ...
- 27
- »
