帖子标记 ‘Browser’

Firebug对于Web开发人员来说,已经成为了不可或缺的工具,但是在我日常的工作中,常常感觉还没有能够深刻的挖掘出她的潜力,今天花了点时间仔细研究了Console和命令行的使用在提高工作效率方面的作用,
记下来和大家分享一下.

Firebug一共有Console,,,Script,DOM,NET六个Tab,今天着重说一下Console的用法。

其实我们对于Console应该非常熟悉,因为这里是Firebug给出各种信息的窗口,而这也正是Console的主要用途,日志记录(Logging)。
除此之外,Console还提供了通过命令行方式来调试Javascript的方法。下面就来学习一下Console的用法。

1、Firefox的日志记录(Logging in )。

通过Console的记录方法,我们可以不再使用烦人的alert或者document.write方法来进行调试。
Firebug提供了五种日志的类型:

console.log: 记录一行信息,无任何图标提示; console.debug:记录一行信息,带超链接,可以链接到语句调用的地方; console.error():向控制台中写入错误信息,带错误图标显示和高亮代码链接; console.info():向控制台中写入提示信息,带信息图标显示和高亮代码链接; console.warn():向控制台中写入警告信息,带警告图标显示和高亮代码链接;
(全文 …)

30个必记的选择器

作者: seasun

久没翻译。英语水平本就不高,不敢乱译。博客不能再荒芜下去了,只能硬上。还好这篇我感兴趣,又对CSS有一些了解,有错大家多多指正。
—————————————————————–正文———————————————–
了解基本的id选择器,类选择器和子选择器,如果就此收手,那你会错失很多灵活方法。虽然本文提及的部分选择器属于CSS3范围内,只在一些时新的浏览器 有效,不过还是有必要记得这些选择器。

1. *

* {
 margin: 0;
 padding: 0;
}

在提到更先进的选择器之前,为初学者之便,先把常见的选择器解决掉。
星号符会选择页面每个元素。很多开发者用它把所有margin和padding归零。这当然是快捷测试方法。不过我建议你不使用它,它给浏览器带来太多的 负担,这不必要。
通配选择器也可以用到子选择器上。
(全文 …)

微软在一篇知识库文章KB969393中完整回顾了IE的各个版本号和各代产品,包括用于 Windows平台、Mac平台、Sun Solaris UNIX平台、HP-UX UNIX平台四部分。IE已发行版本曾用于以下版 本Windows:Windows 95、Windows NT 4.0、Windows 98、Windows 98 Second Edition、Windows Millennium Edition (Me)、Windows 2000、Windows XP、Windows Server 2003、Windows Vista、Windows 7。

Windows 7虽然默认采用IE8,不过这款浏览器发布后很久Windows 7才正式上市。实际上,9也会早于Windows 8发布。在Windows 7中,用户虽然不能卸载IE8,但是可以关闭该功能,也等同于卸载,不知道Windows 8是不是完全和IE9不相干。

IE 1.0首次提供给Windows 95用户,并由此开始了IE与Windows的捆绑,随后的2.0、3.0……直到IE8,都是如此。

最初的时候,IE也面向Mac平台发布,在IE5之后,微软才决定停止该项目的开发。除了Mac版IE,微软曾经还尝试了UNIX版本,同样也在 IE5之后不再继续提供。
(全文 …)

Apple released Safari 5 in June, introducing official support forbrowser extensions . This move now means that developers have the ability to build add-ons to enhance the overall browsing experience on Safari.

苹果 公司在六月份推出了Safari 5,并官方引入浏览器插件支持。意味着开发者可以通过构建插件加载项来增强Safari的整体浏览体验。

Apple launched its own official Safari Extensions gallery SafariSafari user can appreciate.

苹果在七月底发布了他们官方的Safari插件库(Safari Extensions gallery),展示一些优秀开发 者提交的插件。虽然这个插件库刚刚起步,但是已经有了不少令Safari用户交口称赞的好插件。

As die-hard extension addicts since the first Safari 5 release, we’ve scoured the web to find 15 of our favorites. Click through the gallery for our picks.

作为自Safari 5发布以来狂热的插件痴迷者,我们从网络上收集到最喜爱的15款插件。通过点击浏览相册来看看我们的选择。

The official gallery isn’t the only place to find new and impressive extensions. Both

SafariExtensionson Tumblr and Pimp My Safari feature daily updates and highlight great creations from across the web.

What are some of your favorite Safari web extensions? Let us know!

官方插件库并不是唯一的寻找新奇插件的地方。比如,Tumblr上的 SafariExtensions博 客以及Pimp My Safari,会每天更新及突出介绍网络上又新又好的插件。

告诉我们!你最喜欢的Safari插件是哪些呢?

1. TabLinks

TabLinks is a fantastic extension that creates a listing of the URLs for every tab open in your . You can then paste this list into an e-mail or text editor. This is a

TabLink是一款美妙的插件,它可以创建 一个包含你浏览器打开的所有标签网址的表单。你可以把这份表单粘贴到电子邮件或者文本编辑器。这是一个美妙的记录资源的方法,这也是为什么作者们会各位中 意这款插件的原因。还有一点好处,它输出的文本格式兼容Markdown(一种轻量级的标记语言)。

6、7、Firefox之间的区别
区别IE6与FF:

background:orange;*background:blue;

区别IE6与IE7:

background:green !important;background:blue;

区别IE7与FF:

background:orange; *background:green;

(全文 …)

来自五六折的淘宝折扣实时查询 Chrome 扩展

前几天我们报道了五七折的淘宝购物 Chrome 扩展,很多用户在留言中说五七折是抄袭五六折的网站,至于事情真相我完全没有 概念,不过今天五六折也出 Chrome 扩展了,大家可以自由选择了。

PS:有知情人士透露说,五七折的网站是抄袭五六折的,而五六折这个 Chrome 扩展又是抄袭五七折的,真是混乱啊。。。无责任转评,本人不对其真实性负责。

本插件为五六折官方正式版。
 (全文 ...)

在全球拥有200万用户的最佳浏览器同步工具 Xmarks 于前不久宣布因公司资金周转问题,即将停止免费服务。究竟是彻底寿终正寝,还是走上付费服务的道路,目前尚未尘埃落定。但用惯了 Xmarks 的网友在遗憾唏嘘之余,也不得不寻找其他合适的方案。

这里 XDash 整理总结了 5 个 Xmarks 的替代方案,供大家转移和备份此前托管在 Xmarks 下的资料数据(尽管目前几乎没有哪家的服务像 Xmarks 如此优秀)。

在开始使用其它替代服务之前,首先让我们做好准备工作 ——?导出 Xmarks 书签

如图所示,用您的用户名密码登录进 Xmarks 网站,选择“工具(Tools)->将书签导出为网页(export bookmarks to ”,将已经保存在 Xmarks 上的书签全部打包导出并保存在本地的一个 .html 文件中。

OK!接下来选择一款适合你的解决方案来折腾:

一、 Bookmarks (适合 ,提供 Web 版,支持多操作系统平台)

将书签托管在 Google 的云端,是比较稳定可靠的方案(当然这句话放在国内得打个对折)。在线登录 Google Bookmarks 页面后,从左边的侧边栏找到 “Import bookmarks”,将之前导出的 .html 文件导入即可。

如果您使用的是 Chrome 浏览器,那么恭喜您,Chrome 6 以上版本本身已经自带了完美强大的同步功能(请从右上角工具图标->选项->同步->自定义中开启书签同步),可自动将您保存的书签同步保存至个人 Google 账号的 bookmarks 下。

如果您习惯了 Firefox,同样可以通过安装 GMarksxpi直接下载地址)这个插件来自动同步 Google Bookmarks。

对于其他浏览器用户,或许直接访问 Google Bookmarks 的网页版是最省时省力的吧。

二、Firefox Sync (适合 Firefox 用户,支持多操作系统平台)

再为 Firefox 用户介绍一个强大的插件 —— Firefox Sync。它不仅能同步书签,还能同步密码、设置、访问历史、当前打开书签等,非常强悍,颇有迎头赶上 Xmarks 的架势。

Firefox 4 Beta 本身已经内置了此工具,用户可直接享受。老版本用户则需下载安装此插件。使用前需通过 Email 注册一个账号。

并且它还有适合移动设备访问的APP,例如 iPhone 客户端N900 Maemo 客户端、其他兼容手机客户端

三、Sync2It(适合 Safari / 用户,支持 Mac / Windows 操作系统平台,需骑墙)

Sync2It 是又一款跨平台支持的小工具。如果您的系统是 Mac,那么它会自动同步 Safari 的书签;如果系统是 Windows,则会自动同步 IE 书签。它还允许您订阅官网上他人共享的书签列表

可惜,获取和使用此工具,需采用一定骑墙手段。

四、Delicious 和 Diigo(适合 Firefox 和 Chrome,支持多操作系统平台)

与 Google Bookmarks 类似的书签云端存储服务有不少,DeliciousDiigo 算是比较知名的两家。二者均有丰富的官方和第三方插件,用于强化浏览器的工具栏、书签栏、扩展等。

其中,Diigo 也提供了导入功能,可导入从 Xmarks 中导出的 .html 文件。然而,Diigo 也处于抽风状态(为神马好用的服务在国内都这个命运)。

对于 Delicious 的忠实用户,推荐 FirefoxChrome 的两个专用插件。

五、使用第三方同步工具(Dropbox、DBank 等)

当然,也不能忘记这个屡试不爽万年通用技巧——第三方同步工具。借助它们,将应用程序的配置文件自动同步于多台电脑,就可实现一处改动,多处自动调整的效果。当然也适用于浏览器的数据资料同步,比如收藏夹、书签等。(可参考此前《如何高效在多个浏览器之间同步使用的5个工具技巧》一文)

这里首推的自然是 Dropbox,性能卓越,支持共享。可惜需要骑墙。国内较为稳定且实用的同步工具有 DBank,同样支持共享,并可将外链批量打包成列表。对于多人团队或是针对不同使用环境有不同书签管理方案的高级用户而言,不失为一种选择。

在多台希望实现同步的电脑上,将您想同步的配置文件丢进 Dropbox / DBank 文件夹中(或者用 mklink 工具进行映射),重复此操作即可。

除上述五种方法外,您还有其他优秀的解决方案推荐吗?欢迎留下您的反馈。(via

本文由同步控 XDash(新浪微薄:http://t.sina.com.cn/xdash)投递。

诡异的浏览器兼容

作者: seasun

(一) 在IE下用getAttribute来获取class属性要使用getAttribute(“className”)。非 ,getAttribute(“class”)

令,IE8下已经支持用getAttribute(“class”)来获取了 。

(二) src=”"在IE下会发出自动请求当前页面所在路径的请求。

(三) 如果页面是GBK,js是utf8引入js的时候 type=”text/” charset=”utf-8″如果javascript后面多了个空格导致IE下页面脚本错误,FF没有这个错误。

(四) 在IE下setAttrbute不支持设置style、事件、对象,可以使用类似.style.display这样的写法来兼容。

(五) js文件是utf-8,css文件是ansi,编码不一致的情况下会有兼容问题。如,会导致在ie6下,设置className失效。

(六) 不同浏览器对属性的大小写敏感问题存在不一致的情况,如IE不敏感。尽量统一成一种写法。

当谷歌不遗余力地宣传其Android平台的应用程序商店—— Market已拥有超过10万款应用程序且直逼苹果App Store的时候,它也为这条道路的未来敲响了“丧钟”:谷歌工程副总裁Vic Gundotra早在一年前就预言未来的移动世界将基于浏览器的应用程序,而不是在智能手机操作系统上下载和运行的本地软件——随着“云计算”在移动环境变成现实,所有的在线程序商店都将消亡。

但当谷歌几乎将对移动世界的未来全都押在Android之后,它便放缓了“终结在线程序商店”的脚步——在过去的一年里,它 把Android操 作系统的版本从1.5升级到1.6再到2.1和2.2,AndroidMarket的应用程序也增长了将近10倍。而去年7月公布的Chrome OS计划的各种信息和产品细节却全被塞进了黑箱子里。好吧,谷歌最近升级的Chrome 6.0浏览器版本中增添了“地理位置”的功能——这让它终于有一点应用程序的影子了,但有谁会抱着一台笔记本电脑到处查询行车路线和地图?它又能带来多大的价值?

而且,人们发现手机存储卡和内存越来越不够用了:你想登录Twitter,首先需要在应用商店中下载一个Twitter的客户端;如果你同时订阅了《纽约时报》、《GQ》和《环球企业家》三本电子杂志,你就得同时下载三个不同格式的程序……这样的几十甚至上百款应用彼此隔绝、不能跳转和互通、也不能聚合,它们挤在空间狭窄的存储卡和内存里,而你甚至不能通过搜索功能找到它们!
(全文 …)

工欲善其事,必先利其器,firebug作为web前端开发调试最得力也是应用最广的工具,为firefox留住了不少市场份额。firebug固 然强大,但依然存在些不足,比如无法查看cookies信息,无法测试网页性能等,幸运的是firebug本身拥有良好的扩展性,也拥有不少增强型扩展, 比如鼎鼎大名的Yslow。今天明河介绍几款实用的firebug扩展。

1、YSlow

8 个实用的Firebug扩展 | iwanna.cn 我想网

Yslow,我想明河无需过多介绍了,基本上跟firebug一样,是从事web前端开发的标配。
(全文 …)