Bolo的博客 » Software

IE9 发布

bolo — Tue, 15 Mar 2011 08:55:49 +0000

如果你不知道你正在用的浏览器有多糟糕，阅读前请先点击（这个页面标）。如果你看到的不是下图，那么，请下载 IE9 吧。我不敢拿自己的蛋担保 IE9 有多好，但至少比你现在用的浏览器要好。

IE测试工具：Web 3 SuperPreview

bolo — Thu, 25 Feb 2010 05:31:55 +0000

Microsoft Expression Web 3 SuperPreview是微软公司为WEB开发人员推出的一个用来测试网站效果的软件，免费版可以用来测试IE6+的页面效果，并且可试用60天。这对一般的网页设计人员来说已经足够了。特别在升级到Win7以后，老牌测试工具IETester经常报错，令人非常郁闷。微软自家的Web 3 SuperPreview就不会犯这种低级错误了，而且它的功能比IETester强大多了。我以我的日记博客（http://shouy.in）为测试对象演示一下几个好用的功能。

精确的元素尺寸和坐标

和一般测试工具不同，Web 3 SuperPreview会把整个页面按HTML标记分成一块一块的，点击以后会显示该元素的大小和在屏幕上的坐标。一像素的误差都可以通过数字直接比较出来，这个精度是目测难以达到的。从这张图片可以看出，文章标题的高度有3px的误差，看来我要修改一下文章标题的样式了。

标尺功能

在同一个页面里比较box之间的相对位置，Bolo的常用方法是随便打开一个新窗口，用这个新窗口去量。可是这个土办法的缺点是非常明显的，想精确地比较出差别也比较难，Web 3 SuperPreview带有非常好用的标尺功能，而且可以实现跨浏览器的直接对比。

覆盖视图

有时一个个元素地进行比较是非常麻烦的，浪费的时间也多，Web 3 SuperPreview有个OverlayLayout（覆盖布局）的功能，一下子就可以比较出整个页面的差别。

强大的扩展性

以上只是Web 3 SuperPreview免费版的基本功能，更多的功能还需要大家去挖掘。另外也可以购买正式版，获得更多令人垂涎的功能，如：

支持更多浏览器，如Safari等
支持ASP.net，PHP程序的调试
支持脚本的调试&more

更多请浏览Microsoft Expression Web 3 SuperPreview官方网站，下载页面。

10个令人叹为观止的Chrome主题

bolo — Tue, 02 Feb 2010 02:00:47 +0000

毫无疑问，Google Chrome凭借优异的性能，已经成为世界上势头最猛的浏览器。Chrome3推出的换肤功能，更是摆脱了以往单调的印象，Chrome也开始走向时尚。

今天看到20+ Best Chrome Themes，里面的主题都很漂亮，我自己从中选出10个，和大家分享一下。

Aero Black Theme for Chrome

很有Win7质感的主题，深夜使用也比较护眼。

Alt_Chromium_Nxt Theme for Chrome

富有古典味道的主题，适合怀旧人士。

Aurora Grass Theme for Chrome

极光主题哦，不过极光好像不是白色的吧？

Aurora Space Theme for Chrome

很有Mac味道的主题，果粉应该会喜欢。

Avatar Theme for Chrome

阿凡达主题，随着电影的热映，这个主题应该也能赢得不少票房。

Bike Theme for Chrome

我觉得这个主题起错名字了，这可是哈雷摩托车啊，怎么也是moto-bike吧？

Dark Abstract Theme for Chrome

泡泡主题，是不是有很多遐想呢？

Glowz Aqua Theme for Chrome

虽然也是蓝色，但就是比默认主题好看多了。

Graph Control Theme for Chrome

我看到这个主题的第一印象是感觉浑身充满了力量。

Superman Returns Theme for Chrome

力量型主题。

提醒

这些主题都采用了Chrome官方的crx格式，兼容性比较好。

Oprea的怪异识别码

bolo — Tue, 17 Nov 2009 06:00:16 +0000

我打算重新设计一个博客引导页，在里面设计一个小彩蛋。通过PHP识别访客所用的浏览器，并输出不同的欢迎语。省时起见，在网上搜索了一段代码：

if(strpos($_SERVER["HTTP_USER_AGENT"],"MSIE 8.0"))
echo "MSIE 8";
else if(strpos($_SERVER["HTTP_USER_AGENT"],"MSIE 7.0"))
echo "MSIE 7";
else if(strpos($_SERVER["HTTP_USER_AGENT"],"MSIE 6.0"))
echo "MSIE 6";
else if(strpos($_SERVER["HTTP_USER_AGENT"],"Firefox/3"))
echo "Firefox 3";
else if(strpos($_SERVER["HTTP_USER_AGENT"],"Firefox/2"))
echo "Firefox 2";
else if(strpos($_SERVER["HTTP_USER_AGENT"],"Chrome"))
echo "Google Chrome";
else if(strpos($_SERVER["HTTP_USER_AGENT"],"Safari"))
echo "Safari";
else if(strpos($_SERVER["HTTP_USER_AGENT"],"Opera"))
echo "Opera";
else echo $_SERVER["HTTP_USER_AGENT"];

这段代码的意思是根据浏览器识别码来控制输出的内容，在IE、Firefox，甚至Oprea9里都测试正常，可是用Opera10测试时却返回了Opera/9.80 (Windows NT 5.1; U; zh-cn) Presto/2.2.15 Version/10.00也就是浏览器的原始识别码(其实这段代码可以在Opera地址栏里输入“opera:about”看到)。换句话说，上面那段程序不能正确检测出Opera10。
Opera10有个很奇怪的地方，大家留意一下返回的代码，会发现Opera是9.80，但Version却是10.00。
这里面有个小故事：

Opera 的工程师在测试中发现，Opera 10 Alpha 在很多老网站上的运作很不正常。原来，有很多网站使用了“浏览器嗅探”技术，也就是说网站会针对不同的浏览器提供不同的内容或功能。然而不幸的是，这些网站无法识别两位数的浏览器版本号，于是 Opera 就成了首当其冲的受害者——它们把 Opera 10.0 误认为是 Opera 1.0，并因此向 Opera 10 提供不完整的功能，甚至有些网站干脆拒绝 Opera 10 的访问。
这当然是 Opera 不愿意看到的。于是，Opera 的工程师们决定，将用户代理信息中的版本号定格在 9.8，并另外启用 Version 字段来标识真正的版本号。当然他们也考虑过选用 9.99 这个最接近 10 的可用作版本号的数字，不过出于预留空间的考虑，最终还是决定采用 9.8 作为象征性的版本号——它正好介于（Opera 9 的最后一个版本号）9.6 与 10 之间。

于是我开始修改程序，却发现用Opera/9.80也无法识别出Opera10.
经过几次修改和测试，我最后采用了以下方法识别Opera10。

1 2	else if(strpos($_SERVER["HTTP_USER_AGENT"],"Version/10.00")) echo "Opera 10";

可是这个方法有一个极大的弊端，就是Opera10升级到10.XX就不能使用了。谁能告诉我在PHP里，应该怎么识别Opera10呢？

我喜爱的Firefox浏览器插件

bolo — Sun, 20 Sep 2009 13:06:09 +0000

我喜爱的Firefox插件

大名鼎鼎的Firefox(火狐)浏览器以快速的浏览速度和大量的插件而深受广大Web Designer的喜爱.下面我将介绍一下我喜欢的几个Firefox插件,并进行简单的功能描述和评分(满分为5★,1★=2☆).

1.Firebug

Firebug通常被用来查看网页的框架结构,从而找出网页中可能存在的BUG.是不可多得的利器,也是众多Developer们的必装插件.
实用指数:★★★★☆

2.Yslow

YSlow是yahoo美国开发的一个页面评分插件，非常的棒，从中我们可以看出我们页面上的很多不足，并且可以知道我们改怎么去改进和优化。对优化页面效率有很大帮助.
实用指数:★★★★

3.Web Developer

Web Developer不但可以验证当前网页是否符合W3C的相关标准,还可以控制是否使用缓存,是否允许执行JavaScript,是否允许读写Cookies等,还能方便地查看页面里相关标签的内容.是十分强大的一款页面分析工具.
实用指数:★★★★☆

4.Html Validator

Html Validator是一款快速的页面错误提示工具,可以检测出页面是否有语法错误.
实用指数:★★

5.MeasureIt

MeasureIt是一款标尺插件,可以方便地量出页面上某个元素的尺寸,是CSSer们的好帮手.
实用指数:★★

让迅雷喊疼

bolo — Tue, 04 Aug 2009 08:17:33 +0000

前几天大名鼎鼎的国产精品下载软件迅雷出了最新的5.9版，听说改进不少，在好奇心的驱使下，我下载了一个。无奈找遍几个著名的绿色软件下载站都不见有绿色优化版，我只好用官方安装包安装了。
装官方版就是不爽，才试用了两分钟，banner广告换了七八个，tip广告弹了三四次。既然还没有网友优化好的版本，那就自己动手吧。

注意：修改前请退出迅雷，并备份相关文件。
1、VIP皮肤免费用
见过无赖的，但没见过这么无赖的，换个皮肤都要花钱。好彩这个弄起来比较简单。官方版自带的VIP皮肤有“火焰之息”和“碧海云天”共两个。打开迅雷安装目录下的skin2文件夹，留意，red文件夹对应的皮肤就是“火焰之息”，另一个就是“碧海云天”。我以清除“火焰之息”皮肤的VIP权限为例子，说一下。
打开red文件夹下的package.ini文件（记事本就可以打开了），删除最后一行的“VIP=1”，保存，OK。
换上这个皮肤看看，很丑嘛，比免费的还丑。

2、以后不要再让我看到tip广告
TIP广告貌似是从5.6版开始加上的，具体我忘记了，总之很讨厌。我们一起来除掉这颗眼中钉。
打开安装目录\Program\temp文件夹，把tip.zip里的tips.xml解压出来，用记事本打开。第五行中的file=”***.dll”（不好意思，被我删了，然后忘了，改成file=”*”。保存后把文件重新放进tip.zip中，覆盖原文件。然后打开安装目录\Components\Tips，把tip.xml删除。如果在修改前曾经使用过迅雷，请删除data文件夹里的内容。

3、让banner不再变脸
告诉大家一个惊人的实测数字：我试用的的两分钟之内，迅雷已经勤快地帮我下载了20多个banner广告了，真是迅雷不及掩耳。整他一整，以后大家就懒得掩耳了。
打开安装目录\Components\Streamer，打开Streamer.xml，我是修改成这样的

 name="Streamer" version="1.0.0.7">
 file="Streamer.dll" clsid="{A6B9D11B-221D-4E99-8A18-A8DAB380B76A}" defaultload="ture"/>
>

再次Say Sorry，文件原来是怎么样的我已经忘了。
如果修改前使用过迅雷的话，请删除Ad文件夹里的东西（注一点，里面default_main.swf和default_new.swf两个文件是默认的banner，看起来比较顺眼，喜欢的话可以留下），然后打开adhistory2.xml，把<main_ads>至</status_ads>之间的代码删除(注意一下，如果你保留了默认的banner，这一步请留下对应的item标签不要删除，下一步同样)。打开adtask2.xml，删除<main_ads>至</comm_ads>之间的代码（保留了默认banner的朋友请想想上一步是怎么做的）。嗯，OK了。

经过修改以后，我测试过，下载速度快了不少，可能是没有下载广告的缘故。
好了，我们已经狠狠地捏了迅雷三下，如果迅雷是活的，它肯定尖叫了。不过作为用户，我们不需要下载广告，行为不是很好，但是效果很好。迅雷不顾穷用户的感受，我们自然也不会顾迅雷的感受。印证了一句粤语粗口：我有我自由，理西你感受。

Random Posts

情从马桶中来

bolo — Fri, 31 Jul 2009 11:41:26 +0000

最近傲游论坛搞一个设计板块图标得官方T恤的活动，我忍不住参加了。我的作品请看图“活动专区”的图标。
看来真是我太久没做过图标，作品出炉的时候从上下左右各个方向欣赏了效果，态度相当自恋，自以为应该是拿奖品的水准了，因此迫不及待地上传到论坛。
昨天晚上再次登录论坛查看观众反映，见一评分者，留言曰：“这个……像厕所”。本人当时有点佩服该评论者的想象力真是天马行空（插播旁白：真是一个囧啊，我当时居然真的还没发现这个logo像世界流行的WC标志）。后来我控制不了自恋的情绪，再次欣赏了一次logo。说来有点后悔，这次自恋的第一感觉是：厕所在此。我马上停下正在赶工的主题，做了一个新logo并上传到论坛。

现总结一下这次设计的心得，望能令前辈一笑和后来之人引以为戒。
1、宁愿恋春哥，也不要恋自己弄出来的东西。
2、提交作品的时候一定要带上说明，否则容易引起误会。

后记：
今天在新设计的logo和旧的之间做了一下比较，忽然想起，傲游不是有个小名叫马桶吗？用户对傲游的一切感情从马桶中来，既然是活动专区，我用厕所的标志来隐喻桶香不怕厕所深的傲游应该没有什么大问题吧？

算了，把解释权留给观众。

PDF转word格式小工具

bolo — Sat, 11 Jul 2009 13:21:09 +0000

将AdobePDF文档转换成 Word 文档的工具软件,它支持文字, 图像及其它内容的输出。这款软件可脱离 Microsoft Word, Adobe Acrobat 或 Acrobat Reader 独立运行。完美的中文支持和原始版面转换,基本做到了百分百的原汁原味,转换效果就像复印一样。

官方下载：http://www.e-pdfconverter.com/

中国特色提示：该软件官方收费，而且没有中文，大家可以上网搜索一下汉化版和注册机，就可以用上免费中文版了。

推荐一款免费数据恢复软件：Recuva

bolo — Thu, 02 Jul 2009 11:25:19 +0000

前几天在做菜单的时候不小心把一个重要文件shift+delete删除了，虽然那文件里只有一点点数据，但我也懒得重新收集了，于是上网找到一个免费数据恢复软件：Recuva。

别小看 Recuva 只有3M多点，也许它能把你误删的文件恢复回来。不过可能很多网友对这种软件有误解，部分网友使用过说无效，其实，这类数据恢复软件只有在你删除文件后，原储存该文件的簇（原存储位置）未被其他文件覆盖的时候才能有机会恢复回来。所以说，越早恢复能恢复的概率就越大。许多网友都评论数据恢复工具中的巨头：FinalData 使用不简便。而 Recuva 就相对简洁易用许多。
你可以使用 Recuva 向导选择只恢复图片，音频，视频，文档文件，也可以自定义文件类型进行恢复。对于闪盘、存储卡（如 SD 卡，MMC 卡等等）中的文件，只要没有被重复写入数据，无论格式化还是删除都有能恢复回来的可能。支持 FAT12，FAT16，FAT32，NTFS，exFat 文件系统。使用非常简单，几乎傻瓜式。如本文配图。我在扫描完成后要注意查看文件状态与说明。对于已无法恢复的文件 Recuva 会告诉你该位置已被什么文件覆盖。
Recuva带有简单的汉化，虽然不全面，但对英语盲使用不构成重要影响。而且，根据网上的介绍，这款软件对中文文件名文件的恢复是数一数二的，使用Recuva，也许能最大程度避免中文文件名文件恢复了却无法使用的尴尬。

官方下载：http://www.recuva.com/download

Random Posts

尝尝新吧，3D立体网页浏览器！

bolo — Wed, 01 Jul 2009 08:39:00 +0000

厌倦了呆板的桌面了吗？厌倦了平淡的网页了吗？试试SphereXPlorer吧！
SphereXPlorer 是一款3D网页浏览器，SphereXPlorer网页浏览器提供独一无二的网页浏览方式，可以让使用者快速寻找、组织、存储和交换所需的网络资源。
SphereXPlorer三维立体网页浏览器，使得你浏览网络时与以前大不相同，有着新奇的临场感，让使用者同时浏览多个网页，这一切尽在SphereXPlorer三维立体浏览器中实现。
追求操作的万变、新鲜刺激的应用体验总是能激起大家无尽的兴致。
打开SphereXPlorer，在地址栏中输入要浏览网页的地址，这时我们可以看到在三维浏览器的主界面中就会打开你要浏览的网页了。当鼠标激活网页面板，按住键盘上的Ctrl键，然后拖动鼠标这时可以上、下、左、右旋转网页，实现三维立体网页浏览效果；或直接单击页面上的“紫色圆圈”按钮不放，然后拖动鼠标即可实现旋转效果。当没有激活网页面板时候，按住键盘上的Ctrl键拖动鼠标的时候，这时我们可以发现整个画面都在移动，其实网页是不动的，只是整个浏览场景在移动。当用户按住“绿色上下箭头”按钮不放，然后前、后拖动鼠标的时候，可以放大或缩小浏览的页面。用户可以同时浏览多个网页，单击主界面上方的 “+”按钮，此时浏览器界面中多出一个一样的网页，然后在地址栏中输入新的浏览地址即可。如果我们想要移动网页也非常的简单，单击网页的标题栏不放，然后拖动鼠标移动即可，放在合适的位置时候松开鼠标即可。当用户直接在浏览器单击任意一个浏览新窗口的时候，它将自动打开一个二维的浏览窗口，该窗口脱离了SphereXPlorer三维浏览器；如果它是直接连接过去而不是打开一个新的窗口的话，那么它会直接改变浏览内容。用户可以通过三维浏览器界面上方的三个按钮，来控制后退、前进、刷新网页。单击鼠标右键，在打开的下拉列表中选择第一个或第二个选项，可以快速指定一种窗口显示状态。用户还可以自定义三维浏览器的背景，单击鼠标右键，在弹出的菜单中选择最后一项，在打开的窗口中选择背景图片，然后单击“OK”按钮即可切换背景。用户还可以改变选中后网页的标题栏，在背景选择下方，选择你要设置的颜色即可。
这款浏览器使用ie内核，虽然功能相当简单，锯齿现象也相当严重，但的确非常有创意！而且是一个免费软件哦！

官方下载：http://www.spheresite.com/downloads.html