2012年3月

https://developer.mozilla.org/en/Mozilla%27s_Quirks_Mode

https://developer.mozilla.org/en/Gecko%27s_%22Almost_Standards%22_Mode

https://developer.mozilla.org/en/Mozilla_Quirks_Mode_Behavior

https://developer.mozilla.org/en/Quirks_Mode_and_Standards_Mode

http://kino.iteye.com/blog/241260

http://zh.wikipedia.org/wiki/%E6%80%AA%E5%BC%82%E6%A8%A1%E5%BC%8F

http://zh.wikipedia.org/wiki/HTML

http://zh.wikipedia.org/wiki/Internet_Explorer_6

http://en.wikipedia.org/wiki/Quirks_mode

www.aoao.org.cn/blog/2007/01/browser-mode/

http://www.quirksmode.org/css/quirksmode.html

http://lefter.net/blog/quirks-standards/

http://zh.wikipedia.org/wiki/IE%E7%9B%92%E6%A8%A1%E5%9E%8B%E7%BC%BA%E9%99%B7

9 Most Common IE Bugs and How to Fix Them | Nettuts+

5 Great Uses for the CSS Display Property

When to Use Margins and Padding

What happens in Quirks Mode in web browsers?

CSS Newbie Example: Understanding CSS Floats

JavaScript - Cookies

CSS - Contents and compatibility

Peter-Paul Koch - mobile platform strategist, consultant, and trainer

Lefter » Quirks模式与Standards模式

怪异模式 - 维基百科,自由的百科全书

IE盒模型缺陷 - 维基百科,自由的百科全书

Quirks mode - Wikipedia, the free encyclopedia

CSS Box Model differences in Firefox and Internet Explorer « Web Development Tutorials

Activating Browser Modes with Doctype

Document Type Declaration - Wikipedia, the free encyclopedia

Web browser engine - Wikipedia, the free encyclopedia

12 The HTML syntax — HTML Standard

DOCTYPE grid

QuirksMode - for all your browser quirks

Don't forget to add a doctype - Quality Web Tips

HTML Validation: Choosing a DOCTYPE

用doctype激活浏览器模式 @ 随网之舞

JavaScript Kit- Your comprehensive JavaScript, DHTML, CSS, and Ajax stop

CSS Box Model differences in Firefox and Internet Explorer « Web Development Tutorials

Cascading Style Sheet Compatibility in Internet Explorer 7

IEBlog 简体中文

Activating Browser Modes with Doctype

!DOCTYPE

经典论坛-前端开发 UI设计 web编程

随网之舞

是的,我们已经实现了这个功能,之前在做一些js开发的时候可能会使用js的alert弹出框来获取一些有意义的数据来调试自己的程序.在IE9中,我们添加实现了Console这个对象,使用visual studio开发asp.net程序的开发人员可能清楚就是我们能够在代码中添加一些条数对象,这样就能够在输出窗口显示这些调试的数据了.而现在的这个Console对象也是同样的功能.

可能你早就发现了在ie8和ie9中的开发人员工具,如何没有,那就赶快打开你的浏览器,然后猛击F12.然后就会打开开发人员工具窗口,然后选中Console tab窗口.

image

现在在控制台中输入console.log("Hello,world"),然后就会在下面输出下面的内容:

image

console.log将会在控制台窗口显示传递给他的参数,可以使用这个方法来显示一个字符串或者一个变量.同样你可以在你的代码中使用console类,就像我们使用Javascript alert一样.

image
有一点需要注意的就是控制台输出只有在打开开发工具的时候才能够看见.你可以在控制台tab或者脚本tab下看见控制台的输出,
在使用控制台调试的时候需要留意的就是如果在没有开发工具的情况下在代码中有访问Console对象的方法是会报错的.

image

为了避免这样的问题,一个就是移除代码中的调用语句,再就是验证是否支持Console对象:

image

现在你已经了解了基本的知识,让我们来看看Console类的各个可用方法的不同:

log(message[,object])-Log方法接受一个或者多个参数,来把他们显示在控制台.而且他们还接受格式化字符串哦!

image
warn(message[,object])-和log方法一样接受多个参数.但是在控制台显示一个警告的icon.

info(message[,object])-将会以一个信息的icon来输出
error(message[,object])-将会以一个error的icon显示输出.

image
clear()-清空控制台输出.
dir(object)-这个是一个对象探测器.他能够将对象的属性列个表输出.

image

assert(expression,message[,object])-在表达式为假的时候输出信息或者对象的内容.

image

就这些了.
还有其他的5点小分享:
1.选择元素
2.格式化javascript
3.浏览模式.可以在IE 7/8/9之间切换.
4.调整大小.可能你想知道你的网页在其他的移动驱动上是否显示足够友好,你可以选择显示尺寸.
5.改变用户代理.

参考文章:

1.    http://blogs.msdn.com/b/cdndevs/archive/2011/05/26/console-log-say-goodbye-to-javascript-alerts-for-debugging.aspx

2.    http://getfirebug.com/wiki/index.php/Console_API

3.   http://www.blueidea.com/tech/web/2009/6701.asp

4.   http://jsconsole.com

5.  https://developer.mozilla.org/en/Debugging_JavaScript

image

忽然间听到妹妹的这些话,一下子让我控制不住自己的情绪.说不上来的一种心酸.是什么让父母有如此大的责任把我和妹妹抚养成人,功我们上了大学.又是什么样的毅力毅然在为我们如此的付出.

妹妹很懂事,总是在利用业余的时间出去找补习班给代课.或者就是放假了有时间就回到家里帮爸爸妈妈干农活,而我.数数已经有很多个暑假不能够回家帮助爸妈了.

虽然作为一个个体来说,活着就需要不停的前进努力,父母同样也是普通人,他们也需要做一些事情来证明自己,来实现自己的理想或者完成自己的使命,当然这个地方说”使命”这个词或许有点不恰当.但是事实告诉我这一切的一切都是为了我们兄妹两个而如此的拼命.

记得小时候,在农忙的时候,家里总是会雇一些人来帮忙,可是随着我们的年龄不断增大.花销越来越多的时候,在种的地不变的情况下,父母上了岁数的情况下.家里却不再雇人.为什么,这些都是为什么?

想想在田地里忙活了一天,连腰都直不起来的时候,摘了一天的辣椒,面朝黄土背朝天,晚上吃饭的时候连筷子都拿不稳的时候.这些都是为了什么?

清楚地记着,小时候不好好学习,父母就会说到上面的这些场景.”让你不好好学习,有你种地吃苦的那一天….”就是这样的教导,让我们上了十几年的学,交了数不清的学费,让我们背井离乡,让我们有”家”难回,每当过年回家踏进家门那一刻,看着父母已经年老的面庞时,又是一种什么样的滋味.

努力吧,哥们.会有让父母幸福的那一天的,生命本来就是如此!