米高,请沿着月光之路走好。

作者:屈超(Chappell.Wat) 发布时间:June 26, 2009 分类:口胡::一の瀬,音乐::八神 10 Comments

近来我很少发表技术外的日志,

但今天绝对是例外。

 

看到米高去世的消息倍感震惊,

心情难以言表,

发文以缅怀,

祝他一路走好。

 

一个时代的结束!

 

Michael Jackson

Firefox 下动态插入 CSS 多行文本……

作者:屈超(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 级别的脚本,
我建议这么写:

阅读剩余部分...

[UserChrome.JS] Show as HTML Temporarily for Thunderbird 3

作者:屈超(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)

Show as Simple HTML

确认这一点之后,
请加载该脚本,
它会在你的 Mail Header Bar 上增加一个名为 Show as HTML 的按钮,
阅读 HTML 格式的邮件时遇到需要加载线上图片的情况,
点击一下就能“暂时地”以原始 HTML 的格式显示该邮件,
一来节省下不必要的流量,
二来也比默认全部加载要安全得多。

Show As HTML Temporarily Button

以上周的译言快讯为例,
这是治疗前:

Before Showing as HTML

点击后:
疗效不错嘛……

After Showing as 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

[090219] 为 Firebug 修复外部编辑器的乱码 Bug……

作者:屈超(Chappell.Wat) 发布时间:February 19, 2009 分类:程式::五代 37 Comments

【最近更新】

同步更新至 1.3.2 版,
并增加供 Firefox 3.1+ 使用的1.4.0a12 版本。

如果你看过我的上一篇文章……
应该已经了解我要解决的这个 Bug 究竟是怎么一回事儿……

很不幸 FirefoxFirebug 都有类似 Bug ……
也即在外部编辑器中查看网页 HTML 源码的乱码问题……
该 Bug 在 Firebug 的历代版本中均存在……
除了 Windows 我也在 Mac 版上发现了该 Bug ……

但与 Firefox 本身的问题不同……(见我前一篇文章
Firebug 采取的另外一种方式来处理……
但显然也没能够逃脱产生乱码的“厄运”……

Bug 具体的描述如下……
如果你通过 Firebug 的菜单命令配置过外部编辑器……
(Tools -> Firebug -> Open With Editor -> Configure Editors)
那么配置完毕后将在你的右键上下文菜单中显示 Open With Editor 命令组……(如下图)

Open with editor in Firebug

通过这个命令组……
你可以选择不同的编辑器对当前的网页源码进行查看和编辑……
确实非常便捷……
但是……
当你想用 Firebug 的这一功能查看任何包含有非 ASCII 字符的网页时……
你则可能遇到下面两种问题……

第一种……
当你想要查看任何包含非 ASCII 字符的线上页面源码时……
你可以正常打开它……(因为 Firebug 用 ascii 字符命名 tmp 文件)
但你看到的内容将是存在乱码的……(如下图)

Encoding bugs with viewing online source file in firebug

第二种……
当你把一个文件名中包含非 ASCII 字符的文件拖进 Firefox ……
并想要查看其源码时……
你的编辑器却连文件都无法打开……(如下图)

Bug with viewing local source file in Firebug

研究 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 &amp;&amp; fileLen &gt; 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

FLV Downloader - 本文停止更新,请直接访问 DownFlv.com

作者:屈超(Chappell.Wat) 发布时间:October 19, 2008 分类:程式::五代 353 Comments

特别提示

这些天针对优酷、土豆和 56 进行了更新……
大家都知道……
优酷采用了分段视频的储存方式……
而我实在没空将支持多视频分析的半成品 Downflv.com v2 更新上线……
所以我采取了另一种改良方式对目前的优酷分段视频进行了支持……(使用 data:URI)
所以对于优酷分段视频的分析仅支持 Firefox、Chrome/Safari、Opera 等浏览器……
只能对 IE 用户说声抱歉了……

最近更新
前天完成了 Opera Widget for FLV Downloader 并提交到官方 ……
不幸成为 Opera 官方上的第四款国产 Widget ……
LOL……
不过还有一个遗留问题:
无法从 Opera 获取当前 Tab 的 URL ……
如您知道此方法望不吝赐教……
PS:
刚发现用 Opera 浏览下载器页面会变得惨不忍睹…… (所幸使用正常……)
怪我当初没给 GGAD 留下好位置……
Opera 用户再忍几日……
待我的新界面出炉……

至此 Maxthon、Firefox、Opera 的插件均业已齐全……
官方下载地址如下(用相应浏览器均可以在线安装):

Maxthon Plugin for FLV Downloader
Firefox Extension for FLV Downloader
Opera Widget for FLV Downloader

下个目标是 IE7 的 Addon ……


Downloader Logo

下载器地址如下
http://www.quchao.com/video/

如果您觉得本工具侵犯了贵站权益……
联系我……
我会尽快移除……

具体支援的站点列举如下(按英文字母序排列):


目录
  1. 最近更新
  2. 开发日志
  3. BookMarkLet 使用方法
  4. Maxthon 快捷搜索使用方法
  5. IE7 快捷搜索使用方法
  6. Maxthon 插件使用方法
  7. FireFox 扩展使用方法
  8. Opera 控件使用方法
  9. IE 右键插件使用方法
  10. 已知问题

开发日志:

目录
  1. 最近更新
  2. 开发日志
  3. BookMarkLet 使用方法
  4. Maxthon 快捷搜索使用方法
  5. IE7 快捷搜索使用方法
  6. Maxthon 插件使用方法
  7. FireFox 扩展使用方法
  8. Opera 控件使用方法
  9. IE 右键插件使用方法
  10. 已知问题

BookMarkLet 使用方法
  1. BookMarkLet 收藏到浏览器收藏夹(可以直接拖拽该链接到工具栏的‘收藏夹’的图标上)……
  2. 然后访问本下载器所支援的视频站台……并找到自己中意的视频页面……
  3. 从收藏夹调用刚才我们收藏的项目…… 此时浏览器会自动转到本下载器并开始分析视频的真实地址……
  4. PS: 有些站台的视频无法通过此方法下载…… 他们可能使用了 Ajax 或者框架等技术使得当前浏览器地址并非视频观看地址…… 您仍然需要采用传统方法来获取下载地址……

目录
  1. 最近更新
  2. 开发日志
  3. BookMarkLet 使用方法
  4. Maxthon 快捷搜索使用方法
  5. IE7 快捷搜索使用方法
  6. Maxthon 插件使用方法
  7. FireFox 扩展使用方法
  8. Opera 控件使用方法
  9. IE 右键插件使用方法
  10. 已知问题

Maxthon 快捷搜索使用方法
  1. 如果您是傲游(Maxthon)用户…… 请点击傲游快捷搜索链接…… 随即弹出“添加搜索引擎”对话框……
  2. 在“缩写”输入框中填写您中意的快捷搜索字符…… 比如 flv ……
  3. 点击确认…… 添加完毕……
  4. 您只需要在浏览器地址栏输入 “flv http://www.xxx.com/url_to_the_video” 即可转到本下载器并开始分析视频的真实地址……

目录
  1. 最近更新
  2. 开发日志
  3. BookMarkLet 使用方法
  4. Maxthon 快捷搜索使用方法
  5. IE7 快捷搜索使用方法
  6. Maxthon 插件使用方法
  7. FireFox 扩展使用方法
  8. Opera 控件使用方法
  9. IE 右键插件使用方法
  10. 已知问题

IE7 快捷搜索使用方法
  1. 如果您是IE 7用户…… 请点击 IE7 快捷搜索链接…… 随即弹出“添加搜索引擎”对话框……
  2. 点击确认…… 添加完毕……
  3. 您只需要把浏览器默认搜索切换到 FLV Downloader …… 进而在搜索框输入“http://www.xxx.com/url_to_the_video” 即可转到本下载器并开始分析视频的真实地址……

目录
  1. 最近更新
  2. 开发日志
  3. BookMarkLet 使用方法
  4. Maxthon 快捷搜索使用方法
  5. IE7 快捷搜索使用方法
  6. Maxthon 插件使用方法
  7. FireFox 扩展使用方法
  8. Opera 控件使用方法
  9. IE 右键插件使用方法
  10. 已知问题

Maxthon 插件使用方法
  1. Maxthon 官方地址:Maxthon Plugin for FLV Downloader
  2. 如果您是傲游(Maxthon)用户…… 请点击傲游插件链接进行下载……
  3. 解压为 flvdownloader 文件夹……
  4. 将此文件夹移动到 Maxthon/Plugin 文件夹下……
  5. 重启浏览器即可在插件栏找到工具图标…… 遇到中意的视频请在该页面下单击改图标即可使用本下载器进行下载……
  6. 注意:如果您使用了 Maxthon2 …… 点击下载器菜单栏 “快捷工具->傲游工具” 即可实现自动安装……

目录
  1. 最近更新
  2. 开发日志
  3. BookMarkLet 使用方法
  4. Maxthon 快捷搜索使用方法
  5. IE7 快捷搜索使用方法
  6. Maxthon 插件使用方法
  7. FireFox 扩展使用方法
  8. Opera 控件使用方法
  9. IE 右键插件使用方法
  10. 已知问题

FireFox 插件使用方法
  1. Firefox 官方插件地址:Firefox Extension for FLV Downloader
  2. 如果您是 FireFox 用户…… 请点击 FireFox 插件进行下载……
  3. 放置到 Firefox/Extensions 文件夹下……
  4. 重启浏览器即弹出安装插件的询问窗口…… 点击“安装”即可……
  5. 可在浏览器下方的状态栏右方找到工具图标…… 遇到中意的视频请在该页面下单击改图标即可使用本下载器进行下载……
  6. 注意:点击下载器菜单栏 “快捷工具-> Firefox 扩展” 即可实现自动安装…… (需要先将本站添加为信任站点……)

目录
  1. 最近更新
  2. 开发日志
  3. BookMarkLet 使用方法
  4. Maxthon 快捷搜索使用方法
  5. IE7 快捷搜索使用方法
  6. Maxthon 插件使用方法
  7. FireFox 扩展使用方法
  8. Opera 控件使用方法
  9. IE 右键插件使用方法
  10. 已知问题

Opera 控件使用方法
  1. Opera 官方插件地址:Opera Widget for FLV Downloader
  2. 如果您是 Opera 用户…… 请点击 Opera 控件 进行下载……
  3. 用解压软件解压……
  4. 开启 Opera 浏览器…… 从菜单选择“打开”并打开 config.xml 文件即安装完毕……
  5. 浏览器会同时开启本控件…… 将包含视频页面的地址输入到……
  6. 注意:点击下载器菜单栏 “快捷工具-> Opera 控件” 即可实现自动安装……

目录
  1. 最近更新
  2. 开发日志
  3. BookMarkLet 使用方法
  4. Maxthon 快捷搜索使用方法
  5. IE7 快捷搜索使用方法
  6. Maxthon 插件使用方法
  7. FireFox 扩展使用方法
  8. Opera 控件使用方法
  9. IE 右键插件使用方法
  10. 已知问题

IE 右键插件使用方法
  1. 如果您是 IE 用户…… 请点击 IE 右键插件进行下载……
  2. 运行 Install.bat 进行安装……
  3. 重启浏览器完成安装……
  4. 遇到中意的视频请点击鼠标右键选择 ‘FLV Downloader’ 选项即可使用本下载器进行下载……
  5. 注意:如果需要去掉右键插件,运行 uninstall.bat 即可卸载……

目录
  1. 最近更新
  2. 开发日志
  3. BookMarkLet 使用方法
  4. Maxthon 快捷搜索使用方法
  5. IE7 快捷搜索使用方法
  6. Maxthon 插件使用方法
  7. FireFox 扩展使用方法
  8. Opera 控件使用方法
  9. IE 右键插件使用方法
  10. 已知问题

已知问题
  • Google 视频由于国内 IP 被封锁…… 请需要使用代理来访问并下载…… 本程序仅提供地址分析……
  • Vlog 周末下载不稳定…… 怀疑采用其它算法加密视频地址……
  • 某些站点属于视频聚合类型…… 如果遇到错误…… 则可能因为其内嵌视频原始站台尚未被本工具支援……

各位测试如果发现问题……
或者有新的站点需要纳入其中……
或者有任何意见建议……
都可以留言在这里……

目录

  1. 最近更新
  2. 开发日志
  3. BookMarkLet 使用方法
  4. Maxthon 快捷搜索使用方法
  5. IE7 快捷搜索使用方法
  6. Maxthon 插件使用方法
  7. FireFox 扩展使用方法
  8. Opera 控件使用方法
  9. IE 右键插件使用方法
  10. 已知问题