sidebar 方式打开,不能跨域
…alert(window._content.document.body.innerHTML)
alert(window._content)
document.write(window.self.name)
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
Example user-agent strings
Browsers:
*Internet Explorer 5.5 on Windows 2000:
Mozilla/4.0 (compatible; MSIE 5.5; Windows NT 5.0)
*Internet Explorer 6.0 in MSN on Windows 98:
Mozilla /4.0 (compatible; MSIE 6.0; MSN 2.5; Windows 98)
*Konqueror 3.1 (French):
Mozilla/5.0 (compatible; Konqueror/3.1; Linux 2.4.22-10mdk; X11; i686; fr, fr_FR)
*Mozilla 1.6 on Linux:
Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.6) Gecko/20040113
*Mozilla Firefox 1.0 on Windows XP:
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041210 Firefox/1.0
*Netscape 4.8 on Windows XP:
Mozilla/4.8 [en] (Windows NT 5.0; U)
*Netscape 7 on Sun Solaris 8:
Mozilla/5.0 (X11; U; SunOS sun4u; en-US; rv:1.0.1) Gecko/20020920 Netscape/7.0
*Opera 6.03 on Windows 2000, cloaked as MSIE:
Mozilla/4.0 (compatible; MSIE 5.0; Windows 2000) Opera 6.03 [en]
*Opera 7.23 on Windows 98:
Opera/7.23 (Windows 98; U) [en]
*Opera 8.00 on Windows XP:
Opera/8.00 (Windows NT 5.1; U; en)
*Safari v125 on Mac OS X:
Mozilla/5.0 (Macintosh; U; PPC Mac OS X; en) AppleWebKit/124 (KHTML, like Gecko) Safari/125
Bots:
*Crawler for Ask Jeeves/Teoma:
Mozilla/2.0 (compatible; Ask Jeeves/Teoma)
*Googlebot:
Googlebot/2.1 (+http://www.google.com/bot.html)
*Grub:
Mozilla/4.0 (compatible; grub-client-1.4.3; Crawl your own stuff with http://grub.org)
*MSN bot:
msnbot/0.11 (+http://search.msn.com/msnbot.htm)
*wget:
Wget/1.9
*Yahoo! Slurp:
Mozilla/5.0 (compatible; Yahoo! Slurp; http://help.yahoo.com/help/us/ysearch/slurp)
来自 wikipedia.org,wikipedia 真是个好东西!
原文在(英文):
http://www.456bereastreet.com/lab/web_development_mistakes/
大致内容(为了便于理解,我加入了个人的解释,错误请谅解)如下:
1.指定正确的 DOCTYPE 类型。因为浏览器要以此判断使用何种渲染模式。如 Standards compliance mode或者Quirks mode等。在firefox中右键 view page info可看到。不同模式的区别主要在于对CSS样式表的处理方式不同。
2. span 标签的使用问题。简单地说,就是尽量不要使用 english words 这样仅仅为了修饰的代码。即使 dreamweaver 中对span 的处理也非常草率,没办法,所见即所得网页编辑器(WYSIWYG)嘛,只能那样了。标题用 h1-7系列,段落用 p ,列表用 ul,li 等有意义(语义semantic)的标单。span 本身没有任何含义。
3.过份关注网页的外表。这个问题我也很头疼,表格时代可以精确定位,但div 时代对细节的处理代价太大。而且随着 mozilla 的崛起和各种操作系统、手持设备的发展,控制的越细,代价越高昂。尽量让页面流自适应(flexible)。
4.缺乏语义(semantic)。前面说过了。你要考虑其它设备的阅读问题以及更加直观的样式表设置。
5.指定字符编码。WWW服务器端也要指定。这个错误我就一直在犯,在验证的时候可以看到。
6.给图片指定 alt 属性。屏幕阅读器或者文本浏览器、搜索引擎机器人(bot)等需要这个来告诉浏览者,这里是什么。如果只是装饰性的图片,这样写 alt=”" 注意中间没有空格。
7.正确使用 id 和 class。注意一个页面中 id 不能重复,class可以。id 除了样式设定以外,还要用于 DOM 的操作。另外注意命名的有效性(这点和很多语言的变量名命名规则类似,在此不赘述)。
8.不要试图去检测浏览器类型,然后实现不同的样式或者javascript代码!因为新浏览器或者浏览器升级,或者干脆象 opera 这种可以任意切换 user-agent 的浏览器。这个问题原作者说的不够透彻。正确做法应该是采用样式表 hack 方法以及直接对 javascript dom 方法(对象)检测。
9.在CSS中使用单位。IE纵容没有单位的样式设置默认为 px 像素。但其他浏览器就很难说了,所以请加上 px, pt, cm 等单位。
10.使用 Scrollbar 样式设置, expressions表达式, 滤镜等时要注意,这些都是IE特有的东西。(其实还有 htc 等很多IE特有属性)使用注释判断,如:
11.考虑没有或者用户禁用 javascript 的时候可能会出现的问题。尤其是导航设计,尽量使用 文字+超级链接!!我见了太多的导航使用 图片或者 flash 那样就别指望浏览器bot能钻到站点里面去!
12.刚说过,flash 的问题。你可以用,但不要用作导航。
13.用文字来制作一些简单图示。
14.在标单中使用
ä 叫做 entity reference
ä 叫做 character reference
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
; 可以省略,但不推荐这样!因为如果后面还会跟着其它字母或者数字的话,就会产生歧义!
ä
ä
än
ࣩ
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
在css 中使用 unicode 采用 ”
“这样的形式(注意后面有空格,原因同上面 ; 号的使用类似) → -> 十六进制就是 2192
→
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
举个应用的例子,:)
我需要一个不等号
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
mozilla 特有属性 -moz-opacity
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
firefox 支持 CSS3 的 opacity属性。
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
IE支持这个
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
刚看到 firefox中文 有人问到垂直排版文字的问题,就象中国古代文字那样。这在 !blueidea 是个很老的话题了。
IE可以使用如下代码。查了一下,layout-flow : vertical-ideographic 属于微软不推荐。而writing-mode 要到CSS3才实现,试了一下即使是 opera 8也还没有支持。也就是说,现在只能在IE中实现这样的效果。再加上word-break 的问题,overflow的问题,有时候,觉得IE也不是那么不可救药?不是吗?
对象中的内容在垂直方向上从上向下流入,自右向左。后一竖行在前一竖行的左面。全角字符是竖直向上的,半角字符如拉丁字母或片假名顺时针旋转90度。这种布局是东亚语系通常使用的
对象中的内容在垂直方向上从上向下流入,自右向左。后一竖行在前一竖行的左面。全角字符是竖直向上的,半角字符如拉丁字母或片假名顺时针旋转90度。这种布局是东亚语系通常使用的
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]