新博客的地址是http://www.qgy18.com，采用开源WordPress系统搭建。订阅地址为http://feed.qgy18.com。

旧博客地址改为http://old.qgy18.com，静态页面索引地址为http://old.qgy18.com/html。

    使用说明：http://old.qgy18.com/webim/readme.html

    下载地址：http://old.qgy18.com/webim/webim.rar

    运行截图：http://picasaweb.google.com/quguangyu/QGYWebIM

    测试地址：http://www.shufou.com/chat

    PS：最近一直在看关于前端的书，自我感觉对UI、UE以及JS的认识比以前进步了一些，以现在的眼光来看春节做的这个东东可以挑出一大堆缺点来。对此我很欣慰，人总是要进步的嘛。

    在PS：本次开放代码的WebIM版本仅仅是为了展示前端技术，后台程序性能并不高。如果你的应用对性能有进一步的要求（如希望采用.Net+MSSql或php+mySql做为后端），或者需要更多的功能（如群聊、系统广告支持等等），请联系我购买定制版本。

    本程序是我出于学习和研究的目的编写而成，图片版权归Windows Live Messager所有。鉴于我公开了部分代码，特此申明：请勿将本人公开的代码用于除学习和研究之外的用途，否则由此可能引发的纠纷本人不承担任何责任！

    测试地址：http://www.shufou.com/chat

    源码下载(仅包含UI部分,有注释)：http://old.qgy18.com/webim.rar

附:功能列表

• 注册、登录，登录支持记住帐号、记住密码和自动登陆选项
• 修改本人状态、签名并通知给好友
• 修改本人档案
• 好友列表的状态、组别排序以及大图标显示
• 添加、屏蔽、删除好友
• 查看聊天记录，支持下载到本地
• 发送、接收带图片表情的消息
• 发送、接受闪屏振动
• 主面板根据姓名、邮箱搜索好友功能
• 系统设置
• 添加、修改好友昵称
• 联系人卡片
• 三种(好友上线、新消息、闪屏)声音提示

    但是在alexa里查询QQ.com，开始几条记录的描述都是“中国最大的火葬网，提供骨灰盒买卖……”，这个也太离奇了。此次事件涉及到QQ主域，haoma.qq.com，3g.qq.com，不知道TX的人看了会怎么样。

    ps：忽然又想到一个关于这两家公司的有趣事，有这么一个网址http://www.baidu.im，怎么看都像百度门下的，结果却指向了Google官方。与此类似的还有：http://www.ie7.com（这个网站以前是指向Mozilla的，不过不知为何现在我这里无法访问）。这应该属于恶搞性质了。

    我们把Menllo Blog当成是黑盒来研究，首先打开任意一个人Portal的blog列表页面，如http://space.menllo.com/anriy/blog。很快就能找到突破口：这个页面的翻页用的是Ajax，那么很显然有另外一个后台页面在输出真正的数据。查看源代码，很容易就找到如下一段：

结合上下文，page和pagesize很显然指定是第几页和每页显示多少条，rt是RenderType的简写，g就是用户GUID，cate是博客分类。我们可以在IE地址栏输入如下一个地址检验一下自己的猜想：http://space.menllo.com/service/blogservice.aspx?t=3&page=1&pagesize=20&rt=1&g=9431af99-d96b-44bc-bc87-0f8eefdea442&cate=0。经过试验，在IE7下提示有错误，不过不要紧，这应该是特殊字符造成的，换成用FF打开就可以看到内容了。

    剩下的工作就好办了，获取源代码后可以利用正则来匹配。由于这个空间只支持asp，asp里用正则又很不爽，所以我采用的是用Left,InStr,Right,Len这几个函数来做，效率算是比较低的了，不过也算是一种解决方法了。

    效果测试(服务器关系，应该比较慢)：

    david的blog：http://old.qgy18.com/inc/menllo.asp?ps=10&g=c4003dc7-4a19-4268-b9ed-b2d9eca3f9f7 (为什么要选这个测试呢？那是因为正常情况下总是没机会看到david的Menllo Blog，呵呵~)

    皮肤不是我原创，是我从沪江博客的SKIN模板里调的一个现成的移植而成。原图见本链接：http://blog.hjenglish.com/Skins/redcross/big.jpg 。

    记得第一次听这盘专辑是在我高一的时候，那个时候听得比较多的就是《世纪预言》和《玉蝴蝶》了，没想到事隔这么多年，老谢桀骜不驯的音乐还是能带给我震撼。

    另外，这盘专辑的简介比较有趣，“谢霆锋大胆预言了未来世界将自极端走向中庸，冲突将趋于和谐”，当今风靡全国的“和谐社会”，老谢早在7年前就一语道中，“世纪预言”真神了！

    PS：后来我一想，我这还用的是C#，什么内存泄露，指针，垃圾回收等等都不用我操心，已经算幸福的了。

    因为WebBrowser只是对mshtml这个com对象的不完整封装，仅支持一些常见的应用。所以我们还是在项目里添加对mshtml的引用，并且using mshtml。

Q：怎么设置WebBrowser为可编辑模式？

A：如下设置：

doc = wbContent.Document.DomDocument as IHTMLDocument2;
doc.designMode = "On";
//doc.execCommand("EditMode", false, "on");这一句跟上面效果是一样的

Q：为什么往WebBrowser里插入的图片不能改变大小？

A：具体表现是：选中图片等control时会出现拖动大小的标记，但是怎么拖动大小都不改变。这个问题困扰我很久了，google了很久也没找到答案。最后发现加上如下代码就OK了：

wbContent.GotFocus += new EventHandler(EditorFocus);
public void EditorFocus(object sender, EventArgs e) 
{ 
    if (docContent != null && docContent.Body != null) 
    { 
        docContent.Body.Focus(); 
    } 
}

Q：怎么插入链接、图片，怎么设置字体大小、颜色等等？

A：如下设置，exexCommand更多用法请参照http://www.blueidea.com/tech/web/2003/1242.asp

doc = wbContent.Document.DomDocument as IHTMLDocument2; 
doc.execCommand("Bold", false, null);//设置选中为粗体

Q：我知道doc.execCommand("Undo", false, null)能撤销，但我怎么能知道当前能不能撤销（也就是说是不是已经后退到最开始）呢？

A：这个问题我也google了很久，没有找到办法，有人说设置一个数组来监控，不过这样太麻烦。后来看到TinyMCE的代码才恍然大悟，然后这个需求ms早想到了，下面代码就可以：

doc.queryCommandEnabled("Undo");//测试能不能撤销，返回bool
doc.queryCommandState("Bold");//测试当前字体是不是粗体
//and so on 自己试一下就知道了

 

    实现方法很简单，直接用的mshtml，document.execCommand方法足以实现所有的功能。唯一的缺点就是生成的代码基本都不符合web标准，太乱。

    另外，今天测试了下MyWriter对其它blog程序的支持程度。测试用的是常见的wordpress，发布，修改，删除都没有问题，上传图片也是可以用的，那些仅属于我blog的字段当然就不起作用了。

    写这个软件的动机是：尽管我的Blog已经支持了metaWeblog Api，但我的blog字段和标准字段有很多不同，用Live Writer发布的文章，很多信息不全。目前的版本实现的功能有发布、修改、删除日志。当然作为一个离线软件，草稿箱功能肯定也是有的。而且因为采用的是标准Api，理论上应该也支持其它Blog程序，比如说WordPress，不过没有测试！下一步计划就是设计插件模式来扩充软件功能。