手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放，其他手机浏览器也基本支持。

Viewport 基础

一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下：

<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>

width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。
height：和 width 相对应，指定高度。
initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
maximum-scale：允许用户缩放到的最大比例。
minimum-scale：允许用户缩放到的最小比例。
user-scalable：用户是否可以手动缩放

Viewport 参考资料

Mozilla 开发者博客上有 viewport 使用教程。
Apple 开发者站上面有 viewport 详细的描述。
quirksmode.org 有详细的 viewport 在各个手机浏览器不同之处介绍。

>>>继续阅读全文 ...

© 我爱水煮鱼 / 收藏本文 / 8条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博

相关日志

• Chrome 截图插件：Screen Capture
• 更简洁更轻快的 Firefox 4 发布
• Internet Explorer 9 Beta 发布
• Google 浏览器 Chrome 7 增加硬件加速功能
• 苹果发布 Safari 5 浏览器
• Adobe BrowserLab：在线跨浏览器页面预览工具

如上图所示，可以截取区域，可以截取当前网页可视部分，滚动截取整个网页，非常方便和好用。

下载：Screen Capture

>>>继续阅读全文 ...

© 我爱水煮鱼 / 收藏本文 / 1条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博

Firefox 4 是 Firefox 版本上一个重要的更新，除了带来一个全新的用户界面，硬件加速和同步功能等重大的功能更新之外， Firefox 4 页面的渲染速度更快，提高到原来的三倍，加大对网页标准的支持，如果原生的 HTML5 视频标签，CSS3 视觉效果，和内置的网页自体。

更简洁更轻快的 Firefox 4 发布

用户界面

Firefox 4 最大的改动显然是用户界面，它简化了 Firefox 的外观和感觉。如把标签移到地址栏的上面，底部不再显示状态栏，取代的是一个‘附加栏’，并且默认也不显示，需要到查看菜单去调用出来。还有 RSS 按钮也消失，根据 Mozilla 的调查，真的没几个人用，大家都用 Google Reader 了，如果真的想用，找到还是很简单。界面其实更像 Chrome 了。

Firefox 4 引进了一个叫做 “Panorama”的功能，就是标签分组，你可以把经常打开一组网站放在一个组里面，这样就可以一次打开所有和工作相关的网站，或者娱乐相关的网站，适合你不同使用情景。

Firefox 4 还增加一个新功能：Apps 标签，让你经常使用的一些网站保持在标签上面，如 Gmail 新浪微博啊，并且不显示标题以节约标签的空间。只需要右键单击当前的网页，选择“固定为应用程序标签页”即可。

同步

我们每天可能使用不止一台电脑，或者至少一台电脑，一台智能手机，保持同步不是一件容易的事情，这就是为什么 Firefox 4 引进同步功能，让你无需当心你在哪里使用什么设备。

Firefox 4 的同步功能可以同步收藏夹，浏览记录，用户偏好以及打开的标签页，它会让你在电脑和移动设备上非常方便迁移，而你只需要做得就是注册个账号和密码，剩下的 Firefox 全帮你搞定。和其他浏览器的同步功能不同，Firefox 4 会在发送数据到 Mozilla 服务器之前，加密你所有的数据，甚至你可以保存数据到你自己的同步服务器，所以无需当心隐私的问题。

Firefox 4 的同步功能，兼容安卓系统上的 Firefox Mobile 4，以及 iOS 系统上 Firefox Home app，下一版本，Firefox 可能会增加插件的同步。

速度和硬件加速

如果最新版的浏览器速度没有明显的提升，很多人是不会升级的，由于 Firefox 4 使用 Gecko 渲染引擎和 Javascript 引擎，Firefox 4 速度相对上一版，有明显的提高，据测试有 3 倍之多。

Firefox 4 第一次支持硬件加速，硬件加速是把一些需要和处理器交互的工作交给图形处理器去处理，这样动画显示和页面渲染就会变得更快和平滑。相比 IE9 的硬件渲染只支持 Windows 7，Firefox 4 还支持 Windows XP。

实际上 Firefox 的硬件加速是跨平台的，在 Windows 它使用 Direct2D 和 Direct3D，在 Linux 上使用 XRender，而 Mac 上使用 OpenGL，为了使用动画和复杂的 HTML5 程序运行的更加顺滑，Firefox 4 的硬件加速功能默认是开启的。

网页标准

Firefox 长期都是走在网页标准支持的前列，这个版本也不例外，支持原生的 audio 和 video 标签，和新的语义化标签，和其他 API， 拖放文件上传，地理位置等。

Firefox 对新的 CSS 3 特性也支持了，如 transforms， transitions，支持更多设备查询（media queries）和支持 @font-face 内嵌的自体。Firefox 4 还对一些标准的 CSS 规则删除了 -moz 前缀，如 border-radius 和 box-shadow。

Firefox 4 还支持 WebGL，意味着更快的 3D 图形和动画，WebGL 跨越了 Canvas 这些新的 HTML5 标签和操作系统本身的图形引擎 OpenGL 之间的鸿沟，这样 HTML5 web apps 和动画就会跑的更快。

总结

Firefox 4 是一个非常重要的更新，无需怀疑肯定要升级的，不仅仅是速度更快，而且带来了网页标准的支持，让浏览器象桌面一样方便了。

>>>继续阅读全文 ...

© 我爱水煮鱼 / 收藏本文 / 11条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博

相关日志

• Firefox 3.5 试用
• 最佳 Firefox SEO 插件：SearchStatus
• Chrome 截图插件：Screen Capture
• 使用 viewport meta 标签在手机浏览器上控制布局
• 如何让 Firefox，Chrome，Safari 浏览器模拟 iPad User Agent
• Internet Explorer 9 Beta 发布

iPad User Agent

首先 iPad 的 User Agent：

Mozilla/5.0(iPad; U; CPU iPhone OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B314 Safari/531.21.10

Safari 浏览器

首先到 偏好设置 > 高级选项，确保“在菜单栏中显示开发菜单”选中。
然后到 开发 > 用户代理，选择 Mobile Safari 3.2.2 — iPad

Chrome 浏览器

打开 cmd，然后进入 Chrome 安装目录（C:\Users\xxxx\AppData\Local\Google\Chrome SxS\Application\chrome.exe）。
然后在 cmd 输入命令： chrome.exe -user-agent="Mozilla/5.0(iPad; U; CPU iPhone OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B314 Safari/531.21.10"

Firefox 浏览器

下载一个 User Agent Switch 的插件。
安装之后，点击 工具 > Default User Agent > Edit User Agent，添加一个 iPad 的 User Agent。

User Agent 上面有了。
App Code Name 输入：iPad。
App Name 输入：Mobile Safari
App Version 输入：5.0 (Macintosh; en-US)

IE 浏览器

哈哈，没有可能，即使有可能，你也不会傻到用 IE 浏览器来测试了。

>>>继续阅读全文 ...

© 我爱水煮鱼 / 收藏本文 / 9条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博

另外微软宣称 IE9 将不再支持 XP，只支持 Windows 7 和 Vista。

下载：Internet Explorer 9 Beta 版。

>>>继续阅读全文 ...

© 我爱水煮鱼 / 收藏本文 / 4条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博

硬件加速就是说让 PC 的显卡（GPU）替代 CPU 去处理一些图像缩放，渲染复杂的文字或者显示动画脚本这类和图片或者视频相关的工作，这样就能让浏览器比以往更加负荷执行密集的工作，并且能够更快载入页面。

目前还在开发阶段的 Chrome 7 已经开始利用硬件加速优势的最新的浏览器，Chrome 采用一种沙盒渲染模式，这样会阻止网页和操作系统直接交互，这也意味着 Chrome 的硬件加速相比 IE 和 Firefox 的更难。

现在可以下载 Chrome 7 来测试这些硬件加速的功能，在命令行加上 -enable-accelerated-compositing 打开 Chrome 7 就可以使用硬件加速功能了。

>>>继续阅读全文 ...

© 我爱水煮鱼 / 收藏本文 / 5条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博

Safari Reader

Safari Reader 是非常棒的一个功能，也是我个人最期待的功能，它能够分辨出页面中文章主要内容，通过点击地址栏的阅读按钮，就会使用一个弹出框弹出主要内容方便你阅读，并把烦人的广告和其他干扰阅读的内容移除了，这样你就能专注阅读文章的内容，并且这个弹出框里还有一个控制工具，能让你 email，打印，放大或者缩小里面的文章内容。目前不支持所有的网站，但是这样屏蔽广告不知会不会引起广告媒体的抗议。

Safari 5 浏览器

支持 HTML5

网页标准是互联网的未来，Safari 5 开支支持 HTML5，Safari 5 支持非常多的 HTML5 功能，使得开发者能够不用第三方插件就能在浏览器里面创建交互是内容和媒体体验。Safari 5 支持 HTML5 Video，不用 Flash 直接在浏览器里面播放视频，Safari 支持 GEO，可以在浏览器里面就能分享你的位置等等。

更好的性能

Safari 5 使用的 Nitro JavaScript 引擎大大提高了 Safari 5 的性能，与上一代的 Safari 4 相比速度提升达 30%，即使与最新发布的 Chrome 5 浏览器相比，Safari 5 速度也高出了 3%，而与 Firefox 3.6 相比速度更是超过了两倍。

微软 Bing 搜索

Safari 5 除了内置 Google 和 Yahoo 搜索引擎之外，还内置了微软的 Bing 搜索引擎，给用户更多选择。

Safari 开发者计划

Safari 5 支持扩展，开发者通过开发者计划可以定制 Safari 浏览器和开发各种插件。

浏览器速度越来越快，功能也越来越多，各种插件的使用，使得我们使用的桌面也越来越少，在线应用和云计算最近在影响我们。

下载：Safari 5 浏览器

>>>继续阅读全文 ...

© 我爱水煮鱼 / 收藏本文 / 9条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博

相关日志

• Chrome 截图插件：Screen Capture
• 更简洁更轻快的 Firefox 4 发布
• 使用 viewport meta 标签在手机浏览器上控制布局
• 如何让 Firefox，Chrome，Safari 浏览器模拟 iPad User Agent
• Internet Explorer 9 Beta 发布
• Google 浏览器 Chrome 7 增加硬件加速功能

BrowserLab 支持 Windows XP 和 MAC OS X 上的绝大多数主流浏览器（目前支持 Windows 平台的 IE 6, 7, 8, Firefox 3.0, 3.5, Chrome 3.0。Mac 平台上的 Firefox 2.0, 3.0, 3.5, 以及 Safari 3.0, 4.0）

Adobe BrowserLab 提供了水平两栏对比和洋葱皮（onion skin）对比（可以在不同网页渲染模式下将结果重叠在一起，以便看看网页的什么地方在不同浏览器下是有区别的），下图就是我爱水煮鱼在 Mac OS X 下的 Safari 4.0 和 Windows XP 下的 IE 6 的两栏对比：

Adobe BrowserLab：在线跨浏览器页面预览工具

除此之外 Adobe BrowserLab 还提供了如下的功能：

• 支持标尺和标线：这样就能够很精确定位到页面在不同浏览器中的有差别的位置。

• 支持快捷键：方便操作。

• 截屏延迟：这样就可以让页面完全渲染之后再截图。

• 支持 Dreamwaver：Adobe 已经为 Dreamwaver 制作了 BrowserLab 扩展，这样直接在 Dreamwaver下就可以使用 BrowserLab。

• 保存到本地：在网页截图上点击右键就可以看到 Save Locally 的选项，点击即可保存到本地。

网页在浏览器下的兼容一直是非常困扰的问题，所以也有很多工具可以帮忙进行调试，如 IE Test 和我以前介绍的微软出品的 SuperPreview for IE，在线工具除了今天介绍的 Adobe BrowserLab，还有 BrowserShots 这个服务。从上图可以知道，我的博客在 IE6 下还是有一些问题的，虽然目前博客的访客还有 30% 左右是 IE6 的用户，但是我始终认为博客是实验各种新的 Web 技术的最好舞台，IE6 这样的落后的浏览器，很多新的 Web 技术根本没法体现，所以我只需保证能够布局不要乱了就基本可以。 。

>>>继续阅读全文 ...

© 我爱水煮鱼 / 收藏本文 / 8条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博

相关日志

• Chrome 截图插件：Screen Capture
• 更简洁更轻快的 Firefox 4 发布
• 使用 viewport meta 标签在手机浏览器上控制布局
• Internet Explorer 9 Beta 发布
• Google 浏览器 Chrome 7 增加硬件加速功能
• 苹果发布 Safari 5 浏览器

Web Slice 是微软牌最新浏览器 IE 8 的一个新功能，Slice 是切片的意思，Web Slice 指的是网页上某一部分内容，比如你关心我爱水煮鱼上的最新留言，或者在我爱水煮鱼留了言希望得到回复，但是又不想时刻打开网页去查看，这个时候怎么办？Web Slice 就是为了解决这样的问题而推出的功能，它能让你订阅页面上的某一部分，让你直接在 IE 8 的收藏栏获得你关心部分的更新，而不用打开页面去查看。Web Slice 并且可以让你选择多久自动刷新更新，在 IE 8 收藏栏邮件点击你的 Web Slice，选择属性就可设置更新的频率了。

我爱水煮鱼最新日志 Web Slice

如何创建 Web Slice

微软网站有对 Web Slice 的详细介绍，并且 MSDN 网站上还提供了一个开发文档详解介绍如何开发 Web Slice。你只要查看这两个部分的内容就基本可以制作的 Web Slice 了。

Web Slice 的基本机制是：

<div class="hslice" id="webslice">
    <h1 class="entry-title">Web Slice Title</h1>
    <div class="entry-content">
        web slice Content
    </div>
</div>

IE 8 浏览器希望你把 Web Slice 放在一个 class 属性为 “hslice” 的标签里面，然后根据这个标签的 ID 的属性来定义这个 Web Slice 的 ID，然后通过 class 属性为 “entry-title” 和 “entry-content” 的标签来定义 Web Slice 的标题和内容， 所以我们只要把修改下主题，把相关的内容放到 class 属性为 “entry-content” 的标签中即可，比如把最新日志的列表放入 class 属性为 “entry-content” 的标签中，然后把相关日志的标题放到前面的 class 属性为 “entry-title” 的标签中，最后使用把它们放入一个 class 属性为 “hslice” 的标签中，定义这个 ID，就是一个最新日志的 Web Slice。

Web Slice for WordPress

给 WordPress 添加 Web Slice 功能其实非常简单的，现在已经有了现成的插件：

webslicer 这个插件可以产生 最新日志，最新留言，当前日志内容等 Web Slice，甚至可以设置手工更新的 Web Slice，这个插件支持 Widget，允许你在 Sidebar 插入添加 Web Slice 到 IE 8 收藏栏的按钮，非常方便。

WordSlice这个插件就弱一些，它目前只能产生最新日志的 Web Slice，如果没有很特殊的需求，也基本够用了。

Web Slice 在我爱水煮鱼上的应用

目前我在我爱水煮鱼添加了两个 Web Slice：

一个是最新日志的 Web Slice，如果你使用 IE 8 浏览器，那么当你鼠标移过日志页面的日志内容下面最新日志列表的时候，就会注意最新日志列表周围都会出现一个绿色的矩形框，这就是 IE 8 发现 Web Slice 的提示，点击那个绿色的 Web Slice 图标即可添加我爱水煮鱼的最新日志的 Web Slice 到你 IE 8 收藏栏。

我爱水煮鱼最新日志 Web Slice

你也可以直接在 IE 8 中订阅我爱水煮鱼最新日志的 Web Slice：

添加我爱水煮鱼最新日志的 Web Slice

另外一个是留言回复的 Web Slice，你把鼠标移到留言区的每条留言，就可以看到和上面同样的绿色的 Web Slice 图标，这样你在博客上留言需要获取回复的时候，即使博主没有安装留言回复通知 Comment Reply Notification 这样的插件，你也可以通过 Web Slice 功能获取更新。

我爱水煮鱼留言回复 Web Slice

订阅之后在 IE 收藏栏查看的效果：

我爱水煮鱼留言回复 Web Slice

>>>继续阅读全文 ...

© 我爱水煮鱼 / 收藏本文 / 12条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博

相关日志

• Internet Explorer 9 Beta 发布
• IE 8 发布
• Chrome 截图插件：Screen Capture
• 更简洁更轻快的 Firefox 4 发布
• 使用 viewport meta 标签在手机浏览器上控制布局
• Google 浏览器 Chrome 7 增加硬件加速功能

对于开发人员来说，为了让你的网站支持这个插件，你只需要在页面的 Header 部分加入以下代码：

<meta equiv="X-UA-Compatible" content="chrome=1">

这插件使用使用 IE=EmulateIE7 这个标签来进行浏览器引擎转换的，原本 Microsoft 在 IE 8 使用这个标签来保证兼容一些老的，表现怪异的网站。如果用户使用安装了 Google Chrome Frame 插件的 IE 浏览器，这个插件会检测到这行，并启用 Chrome 浏览器的 WebKit 引擎来解析网页， 另外 Google 也提供如下一段 JavaScript 代码来提示 IE 用户安装这个插件（效果如下图 Google Wave 提示 IE 用户安装插件）：

<body>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"> </script>

<div id="placeholder"></div>

<script>
 CFInstall.check({
    node: "placeholder",
    destination: "http://www.waikiki.com"
  });
</script>
</body>

这个是非常好的一个插件，随着云计算的发展，在线应用的成熟，Google 已经开始让大家尽快使用 HTML5 了，即使是 IE，Google 也通过 Google Chrome Frame 这个插件来 Hack IE 实现。相信 Google 发布这款插件，也是为即将发布的实时沟通工具 Google Wave 做准备，因为 Google Wave 广泛使用了新的 Web 技术。

在 IE 中使用 Google Wave 需要安装 Google Chrome Frame

Google Chrome Frame 插件对于开发者来说也是一个福音，现在开发者在使用最新 Web 技术的时候可以更多考虑开发本身，而不是 IE hack，如果使用了很多最新 Web 技术，开发者可以通过上面介绍的 Javascript 代码来提示 IE 用户安装者款插件来使用它的在线程序。我相信这款插件发布之后，IE 用户会慢慢减少。Chrome 以及其他浏览器的用户会慢慢增加，现在就看 Web 公司是否会有魄力要求用户安装了者款插件了， 。

下面是关于者款插件介绍的一个视频：

>>>继续阅读全文 ...

© 我爱水煮鱼 / 收藏本文 / 16条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博

相关日志

• Google 浏览器 Chrome 主题
• 为什么是 Google Chrome OS
• 使用 Google 浏览器 Chrome 的扩展
• Google 浏览器：Chrome
• Chrome 截图插件：Screen Capture
• Google 浏览器 Chrome 7 增加硬件加速功能

SuperPreview for IE 除了显示各个版本 IE 浏览器对页面渲染不同之外，它还能展示出元素的标签，大小和位置，应用的样式，和在 DOM 树中的位置，所以我们可以通过 SuperPreview for IE 很快找出错误。

SuperPreview for IE 是微软提供的免费软件，你可以在这里下载 SuperPreview for IE，如果你想同时在 IE 和 Firefox 浏览器中调试页面，你可以下载 60 天免费试用的 Microsoft Expression Web 3。另外 SuperPreview for IE 需要 Windows 系统已经安装了 Microsoft .NET Framework 3.5 Service Pack 1 。

从上面我爱水煮鱼的截图可以看到我爱水煮鱼博客在 IE6 下还是有蛮多的 Bug，我也懒得改，我一直相信博客是实验各种新的 Web 技术的最好舞台，IE6 这样的落后的浏览器，很多新的 Web 技术根本没法体现。但是 SuperPreview for IE 对于商业网站制作和调试来说，还是有相当大的帮助的，毕竟还有蛮多用户使用 IE6，不知道 Window 7 系统发布之后，这样的局面是否有大的改观。

>>>继续阅读全文 ...

© 我爱水煮鱼 / 收藏本文 / 14条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博

相关日志

• Chrome 截图插件：Screen Capture
• 更简洁更轻快的 Firefox 4 发布
• 使用 viewport meta 标签在手机浏览器上控制布局
• Internet Explorer 9 Beta 发布
• Google 浏览器 Chrome 7 增加硬件加速功能
• 苹果发布 Safari 5 浏览器

不过现在 beta 版的 Google Chrome （3.0）已经改变了状态，已经开始默认支持主题功能，就是说无需做任何额外的工作就可以很容易在浏览器内给它更换主题，并且现在浏览器选项菜单当中也有一个简单的主题管理器，它可以让用户在安装新主题之后返回默认的主题，但是目前这一功能还不完善，不能查看和选择自己安装的主题，不过相信应该在以后的版本当中会添加。

Google Chrome 主题管理器

现在 Google Chrome 还推出一个 Google Chrome Themes Gallery 站点，提供了 28 个设计很漂亮的主题，当然了前提是你使用的 Google Chrome 是 3.0 beta 版本，或者 Developer Preview 的版本。

Google Chrome 主题

所有提供的主题都是 .crx 格式，所以你可以像安装 Google 扩展一样安装它，只需点击 Apply Theme，主题就会自动被安装。并且你可以通过在地址栏输入 chrome://extensions/ 来查看现在安装的主题和卸载它们。

>>>继续阅读全文 ...

© 我爱水煮鱼 / 收藏本文 / 5条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博

Firefox 3.5 是 Mozilla 在 Firefox 3.0 版本（2008年6月）发布一年之后最重要的更新，Mozilla 称 Firefox 3.5 将具有更快的渲染引擎，Firefox 的稳定性也得到了很大的提高，并且 Firefox 3.5 采用了新的 JavaScript 引擎，这使得大部分 Web 程序性能都得以提高。并且 Firefox 3.5 也将支持 HTML 5，允许离线数据访问，增强 Web 图片解析，以及无需插件即可播放视频。

1. 如果你不小心关闭一个你并不想关闭的标签页，那么 Firefox 3.5 已经提供了 Undo 的功能，在菜单 History 下有 Recent Closed tabs 和 Recent Closed Windows 功能，让你快速恢复不小心删除的标签页。

2. 一般浏览器删除历史记录的时候只能删除全部或者一段时间的记录，但是有时候我们仅仅想删除某个站点的记录，Firefox 3.5 就提供了一个功能，在历史记录里面选择某个站点的记录，然后点击右键，选择 “Forget this site“，就可以选择删除该记录对应站点的所有历史记录，不过这不包括子域名，并且你的缓存中还会保留一些数据。

3. 现在 Firefox 也可以和 Chrome 一样，拖出一个标签成为一个新的浏览器窗口，也可以拖回去。

4. 浏览器崩溃之后，Firefox 3.5 会有恢复工具，并且让用户选择恢复那些 Tab，并且会给你提示什么原因造成了浏览器崩溃。

5. Firefox 3.5 也提供了 Private browsing 模式，让你在公共电脑上浏览网络的时候更加安全，你可以通过 Tool => start Private browsing 开始 Private browsing 模式。

6. 在 Web 上，图片都是经过浏览器优化使得能够快速显示，所以大部分颜色看起来是一样的，Firefox 3.5 引入了一种 Dynamic Color Profile 的机制，这样你在浏览看到的图片的效果和设计师和摄影师制作的时候看到的效果是一样的。

7. Firefox 3.5 使用了新的 JavaScript 引擎 TraceMonkey，据 Mozilla 层 TraceMoney 比 Firefox 3 中用的 JavaScript 引擎 SpiderMonkey 快 20-40 倍，我这里没法测试，但是在实际使用中，确实 Firefox 3.5 要快很多。

8. Firefox 3.5 最重要的更新是对 HTML5 的支持，其中最好的体现就是无需插件就能查看视频，如果你在一个 HTML5 编码的页面观看一个采用 Ogg Vorbis 或者 Theora 这些开源格式的视频，Firefox 3.5 会把它简单当做页面的一部分，而不会当做单独的 Flash 文件，这样意味着可以在视频上即时留言，也意味着视频中可以提供链接，显示你当前查看的内容的更详细介绍，是的，一个视频和文字无缝融合的网络正从我们走来。

>>>继续阅读全文 ...

© 我爱水煮鱼 / 收藏本文 / 12条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博

相关日志

• 更简洁更轻快的 Firefox 4 发布
• 最佳 Firefox SEO 插件：SearchStatus
• Chrome 截图插件：Screen Capture
• 使用 viewport meta 标签在手机浏览器上控制布局
• 如何让 Firefox，Chrome，Safari 浏览器模拟 iPad User Agent
• Internet Explorer 9 Beta 发布

云时代已经来临？

Google 推出 Google Chrome OS 操作系统预示着云计算时代已经来临。现在我们电脑上必装的软件已经越来越少了，办公软件，如果没有特别的需求，Google Docs 已经足够使用，FTP 软件我可以使用 Firefox 扩展 Fireftp ，甚至我们连图片编辑软件我们都可以在线编辑了。是的，如果你不是一个专业人员，一台便宜的上网本和快速畅通的网络就足够你进行所有的工作了。这样说明云计算时代已经逐渐来到我们的身边。

在线的应用越来越来多使用了 Javascript 技术和新的 Web 标准（如 CSS3 和 HTML5），而 IE 浏览器对标准的支持总落后于时代，在云计算时代，我们需要更好的浏览器，对 Javascript 更快的解析，对新的 Web 标准能够有更好的支持。而 Google 推出的浏览器：Chrome，使用 Webkit 内核，对 Web 标准支持良好，并且使用 Javascript V8 引擎，对 Javascript 解析速度超快，所以基于 Chrome 的操作系统能够足够并且更好满足在线应用。

在线应用的跨浏览器性

Google Chrome OS 或者说现在 Web 应用的最大问题是跨浏览器性。是的，如果为了 Google Chrome OS 而采用最新的 Web 标准制作的在线应用程序，是否能够跨平台（跨浏览器）呢？CSS 和 Javascript 问题，我们可以通过 Hack 基本解决，那么其他问题呢？比如离线存储，Google 推出的浏览器插件 Gears 已经可以支持离线存储，但是在最新版的 Firefox 和 Safari 不能工作，另外 HTML5 也提供流线存储机制，但是 IE8 对 HTML5 支持有非常少，这个问题怎么解决呢？那么以后在线应用开发人员要分别为支持最新 Web 标准的现代的浏览器和不支持 Web 标准的浏览器各自维护一套应用呢？

隐私和垄断

我们在使用搜索引擎的时候，Google 已经在跟踪我们的搜索行为，跟踪我们搜索的关键字，跟踪我们的点击的链接，访问的网站，我们在使用 Google Reader 的时候，Google 在跟踪我们在看什么文章，我们使用 Gmail 的时候，Google 在跟踪我们发送的邮件，使得，我们在使用 Google 免费服务的时候，Google 都在跟踪我们，虽然 Google 使用匿名的方式存储这些数据。那么你是否会使用 Google Chrome OS 呢，是否准备好让 Google 跟踪你所有的数据，

我们一直诟病通过 Windows 捆绑 IE 浏览器，造成 IE 的垄断地位，阻止了浏览器技术的发展，那么 Google Chrome OS 是否会只支持 Chrome，如果采用这样的捆绑行为，是否更加 evil 呢？

但是无论如何，我相信 Google chrome OS 都会是跨时代的革命性的产品，Chrome OS 的推出会对我们使用互联网进行工作和学习都会产生很大的影响。

那么你怎么看 Google 推出 Chrome OS 操作系统呢？

>>>继续阅读全文 ...

© 我爱水煮鱼 / 收藏本文 / 21条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博

相关日志

• 在 Internet Explorer 中使用 Google Chrome
• Google 浏览器 Chrome 主题
• 使用 Google 浏览器 Chrome 的扩展
• Google 浏览器：Chrome
• Chrome 截图插件：Screen Capture
• Google 浏览器 Chrome 7 增加硬件加速功能

Google Chrome 是 Google 最新推出的一款开源浏览器，目前只有 Windows 版本，但是很快会推出 Mac 和 Linux版本。Chrome 借鉴了苹果的 WebKit（Safari 浏览器使用的引擎）、Mozilla 的 Firefox 及其他相关应用，Google 也将开放Google Chrome的全部源代码。

Google Chrome 支持多标签浏览，每个标签页面都在独立的”沙箱”内运行，在提高安全性的同时，一个标签页面的崩溃也不会导致其他标签页面被关闭。Google Chrome 基于更强大的 JavaScript V8 引擎，这是当前 Web 浏览器所无法实现的。

Google 浏览器：Chrome

Google Chrome 给我第一印象是快，嗯，非常快。第二是非常的间接和灵巧，这可能是 JavaScript V8 引擎的关系吧！Chrome 浏览器最大限度的展现了网页的内容。地址栏和搜索集成到了同一个文本输入框，动态显示的状态栏等等这些都让 Chrome 浏览器最大限度的展现了网页的内容。

在互联网时代，用户的终端就是一个浏览器，所以占据浏览器的用户，重要性不亚于占据操作系统，所以 Google Chrome 浏览器的发布让 Google 在互联网个人数据处理方面迈出了更大的一步。

Google Chrome 下载地址：http://www.google.com/chrome/

PS：这篇文章就是在 Google Chrome 浏览器下写的，

>>>继续阅读全文 ...

© 我爱水煮鱼 / 收藏本文 / 20条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博

相关日志

• 在 Internet Explorer 中使用 Google Chrome
• Google 浏览器 Chrome 主题
• 为什么是 Google Chrome OS
• 使用 Google 浏览器 Chrome 的扩展
• Chrome 截图插件：Screen Capture
• Google 浏览器 Chrome 7 增加硬件加速功能

启用 Google 浏览器 Extensions

现在目前 Chrome 官方已经提供了两款 Google Chrome 的扩展：

Chrome Extensions: Gmail Checker and Subscribe in Google Reader

1. Gmail Checker

这个扩展可以显示你的 Gmail 中还有多少邮件没有读取。

安装 + 下载源代码。

2. 在 Google Reader 中订阅

这个扩展能够让你非常容易和快速使用 Google Reader 订阅当前网页的 Feed。

安装 + 下载源代码

当然对于那些想自己动手写 Chrome 扩展的同学，这里有一个教程教你如何创建一个非常简单的 Chrome 扩展。

目前删除 Chrome 的扩展比较麻烦，需要手工到你的用户数据目录（user data directory ）下找到相应的扩展，然后删除它，不过 Chrome 承诺以后会更加容易删除扩展。

>>>继续阅读全文 ...

© 我爱水煮鱼 / 收藏本文 / 20条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博

相关日志

• 在 Internet Explorer 中使用 Google Chrome
• Google 浏览器 Chrome 主题
• 为什么是 Google Chrome OS
• Google 浏览器：Chrome
• Chrome 截图插件：Screen Capture
• Google 浏览器 Chrome 7 增加硬件加速功能

PHPanywhere 工作原理

首先 PHPanywhere 是运行在浏览器上面，所以不需要在电脑安装任何东西就可以工作，这样非常方便，可以让你随时随地编辑 PHP 文件。

另外 PHPanywhere 包含一个语法高亮的编辑器和一个功能强大的 FTP 编辑器。当你在 PHPanywhere 注册并登陆之后，在 FTP 编辑器选择添加一个服务器，就可以输入你的 FTP 服务器的信息，登陆你的 FTP 服务器之后，PHPanywhere 就会导出你 FTP 服务器上的所有文件夹列表，选择你需要的文件之后，你就开始工作了。

PHPanywhere：随时随地编辑 PHP 文件

PHPanywhere 甚至可以记得你上次工作的文件，当你再次登陆的时候，会在编辑器中自动打开。

在线编辑器

PHPanywhere 最核心的地方就是器实时代码语法高亮的编辑器，它有如下几个功能特点：

• 语法高亮
• 智能缩进
• 无限次的撤销和重做
• 无限个 tab 页
• 完全国际化，你可以选择适合你的字符编码

FTP 浏览器

PHPanywhere 另外一个强的地方时他的 FTP 浏览器，你可以添加无限个 FTP 服务器，并且通过它你能够编辑文件，创建 / 删除文件，你甚至可以编辑文件夹的权限。

目前 PHPanywhere 已经能够满足我项目的需求，快速登陆 FTP，并立刻修改错误。免除了把文件下载到本地，修改好之后，再上传到服务器这些麻烦，非常方便，特别适合修改项目中的一些小错误，并立刻演示给客户查看。但是目前这个项目缺乏的是协作，如创建一个项目之后，即创建了 FTP 服务器，无法快速把这个项目信息分享给协作者，甚至还没有一个地方设置协作者，如果 PHPanywhere 能够最终发展成一个协作在线开放工作，可以设置自己项目信息，设置协作者，设置项目需求分发等等，我相信会有更多的小型开发团队使用它。

>>>继续阅读全文 ...

© 我爱水煮鱼 / 收藏本文 / 22条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博

相关日志

• PHP 技巧：获取当前页面的 URL
• eXtplorer：基于 PHP 和 Javascript 的文件管理程序
• 使用 YOURLS 创建自己的 URL 缩短服务
• PHP 性能优化技巧
• 使用 JavaScript 实现 PHP 函数功能：PHP.JS
• 使用 eAccelerator 加快 PHP 脚本执行效率

可能大家都会遇到的一个问题，就是这些都是静态页面，所以基本上每次打开浏览器看到的都是一样的。所以如果你感觉这样的设定有那么一点无聊，或者感觉单一，下面就提供一些网址，当你打开浏览器的时候，它们都会给显示一些新的并且好玩的东西：

1. Flickr Photos – 这个网址会导入照片分享站点 Flickr 上一系列最有意思的图片。

2. Wikipedia – 这个网址会打开维基百科上的随机的一些文章。

3. Digg – 这个网址会随机导入一篇 Digg 上最受欢迎的服务。

4. Delicious – 这个网址会导入最近在 delicious 上变得流行的网站。当你然你可以对 URL 修改下，可以只打开和兴趣相关的网站，如你 delicious.com/popular/wordpress?random=1 就只会显示和 WordPress 相关的网站。

5. Dictionary – 这个网址可以让你每次打开网站的时候都可以学到一个新的英语单词，现在支持主流的语言，比如中文。

6. StumbleUpon – 这个网址可以随机打开一个在 StumbleUpon 社区中受欢迎的网站，你也可以在 URL 中间添加 topic 查询字符，以限制他的随机性。如 stumbleupon.com/toolbar/#stumblethru=flickr.com 将只会显示来自 Flickr.com 的图片，而 stumbleupon.com/toolbar/#topic=Business 将会显示在 “business” 分类下的网页。

7. 我爱水煮鱼 – 哈哈，我通过 Random 这个插件，也能让你随机打开一篇日志。

你有没有这方面随机显示有意思的网址，欢迎和我们分享。

翻译自：Change Your Browser Homepage and See Something New Everyday。有增删！

>>>继续阅读全文 ...

© 我爱水煮鱼 / 收藏本文 / 18条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博

相关日志

• Chrome 截图插件：Screen Capture
• 更简洁更轻快的 Firefox 4 发布
• 使用 viewport meta 标签在手机浏览器上控制布局
• Internet Explorer 9 Beta 发布
• Google 浏览器 Chrome 7 增加硬件加速功能
• 苹果发布 Safari 5 浏览器

IE8 相比 IE7 已经快了很多，但是相比还是没有 Chrome 快。使用上感觉也非常流畅，没有出现崩溃的情况。另外 IE8 对开方人员也提供了一个网页测试工具：Develop Tools，很类似 Firefox 的 Firebug 插件，但是使用上相比 Firebug 还差一些。

浏览器是我们接入互联网的最重要的工具，占领了浏览器就是每个互联网大头的必争之地。Firefox 3 的推出，并创造了单日下载的吉尼斯纪录，Google 浏览器 Chrome 带着 JaveScript V8 引擎强势加入浏览器大战，现在微软终于发布据说安全性最好的浏览器 IE8 ，直接把浏览器大战推向高潮。是的，各种新技术（如 Chrome 的 JavaScript V8 引擎，IE 8 的 Web Slice 技术）在浏览上的应用，给浏览器增添更多的功能，使得互联网变得更加精彩，受益的绝对是广大的网名（除了部分不明真相还在使用 IE6 的网名，据说国内还不少 ）。当然同样也给开发者提出了更多的挑战。

那么在互联网接入工具浏览器的技术和功能逐渐成熟，云计算时代是否已经来临了呢？

>>>继续阅读全文 ...

© 我爱水煮鱼 / 收藏本文 / 20条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博

相关日志

• Internet Explorer 9 Beta 发布
• 给博客增加 IE 8 的 Web Slice 功能
• Chrome 截图插件：Screen Capture
• 更简洁更轻快的 Firefox 4 发布
• 使用 viewport meta 标签在手机浏览器上控制布局
• Google 浏览器 Chrome 7 增加硬件加速功能