WebKit 学习笔记(1)

http://blog.csdn.net/sgnaw

Links 的代码写得有点乱，打算转入另一个开源浏览器 -- WebKit 。

WebKit 浏览器源程序下载：
http://webkit.org
http://trolltech.com/downloads
第一个是现在主要由Apple 公司维护的，用于Safari浏览器；第二个是由QT公司提供图形引擎，使用了 WebKit 提供的浏览器核心部件 -- WebCore 和 JavaScriptCore 。

在 这里，我使用 QT 公司的方案。下载解压后，直接在Linux 命令行工具里面执行 ./configure 然后再执行 gmake 命令。程序代码较多，整个编译过程总共有可能需要花费 2 - 3 个小时，看 PC 速度而定。在编译的时候，可以不编译 examples，而是在发现命令行里编译到 examples 的时候，就按 Ctrl + C 让编译停下来，再后再进入目录 demos\browser ，执行 make 命令就好了。会生成名为 browser 和 browser.debug 的可执行文件，需要指定运行时需要的库的路径:

[root@localhost browser]# export LD_LIBRARY_PATH=/home/bruce/qt/lib
[root@localhost browser]# ./browser http://www.google.com

下面是运行后的效果图：

发表于 @ 2008年05月25日 11:34:38|评论(0AddFeedbackCountStack("2479573"))|编辑




[http://blog.csdn.net/sgnaw/archive/2008/05/25/2479891.aspx]


WebKit 学习笔记(2) -- Win32 版收藏
function StorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();}因为 Windows 上有 Visual Studio，弄个 Win32 版本的 WebKit 调试程序更方便。

在 webkit.org 的网站上有 Windows 版的，但是，那个站的源程序因为主要是 Apple 公司编在维护，因此想在 Windows 上编译成一个可执行的文件很困难，因此，推荐使用 QT Windows 版，在下面的位置获取：

打开网页:
http://trolltech.com/developer/downloads/qt/windows
其中有:
http://www.trolltech.com/download?target=http://wftp.tu-chemnitz.de/pub/Qt/qt/source/qt-win-opensource-src-4.4.0.zip
这个就是了。


解压配置。解压之后，目录里有个 configure.exe 文件。打开 Microsoft Visual Studio 2005，点击菜单“工具 --> Visual Studio 2005 Command Prompt”，出现 Windows 命令行界面，进入解压后的 qt 目录，执行一下 configure 即可配置好并生成一些 Microsoft Visual Studio 的工程文件。

比如，执行命令:
configure -debug
它会提示是否接受GPL2/GPL3协议，输入 y，然后经过一段长时间的生成过程，就可以得到一堆 *.sln 解决方案文件以及 *.vcproj 工程文件，在当前目录会有一个 projects.sln 文件。


编译运行。在Visual Studio中设置browser工程为主工程，然后编译。可以顺利编译完成，下面是运行后的效果图。


发表于 @ 2008年05月25日 14:25:00|评论(9AddFeedbackCountStack("2479891"))|收藏




[http://blog.csdn.net/sgnaw/archive/2008/05/27/2488548.aspx]

WebKit 学习笔记(3) -- 图片和中文支持收藏
function StorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();}图片支持注意到上一个 blog 中的 browser 图中没有显示google的图片，qt 是以 plugin 的方式提供图片的支持的。继续分别编译工程 qgif, qjpeg, qmng 这样就可以支持 gif, jpeg,png 等更多的图片格式了。编译完后，再次访问 google.com 就能正常显示了，如下所示：


中文支持当访问百度或者其它中文网站的时候，发现中文显示为乱码。这个 qt 也提供了支持，选择编译工程 qcncodecs 即可得到中文编码的支持。访问 baidu.com 就可以正常显示中文了，如下所示：