(2)入門指南——(9)開發工具(Development tools)
阿新 • • 發佈:2019-01-10
As this code comparison has shown, jQuery code is typically shorter and clearer than its basic JavaScript equivalent. However, this doesn't mean we will always write code that is free from bugs, or that we will intuitively understand what is happening on our
pages at all times. Our jQuery coding experience will be much smoother with the assistance of standard development tools.
• The Internet Explorer Developer Tools:http://msdn.microsoft.com/en-us/library/dd565628.aspx
• The Safari Web Inspector:http://developer.apple.com/technologies/safari/developer-tools.html
• The Chrome Developer Tools:http://code.google.com/chrome/devtools/
高質量的開發工具在所有的現代瀏覽器中都是是可以找到的,我們可以自由使用對我們來說最舒適的環境。可選項包括:
1、IE開發者工具:http://msdn.microsoft.com/en-us/library/dd565628.aspx
2、Safari web工具:http://developer.apple.com/technologies/safari/developer-tools.html
3、Chrome開發者工具:http://code.google.com/chrome/devtools/
4、火狐中的firebug:http://getfirebug.com
Each of these toolkits offers similar development features, including:
• The ability to explore and modify aspects of the DOM
• Investigating the relationship between CSS and its effect on page presentation
• Convenient tracing of script execution through special methods
• Pausing execution of running scripts and inspecting variable values
這些工具提供了類似的開發特點,包括:
1、探索和修改DOM展示的能力
2、研究css和他在網頁中呈現效果的關係。
3、通過特殊的方法方便的追蹤js的執行。
4、暫停正在執行的指令碼,檢視變數的值。
While the details of these features vary from one browser to the next, the general concepts remain constant. In this book, some examples will require the use of one of these toolkits; we will use Firebug for these demonstrations, but development tools for other browsers are fine alternatives.
儘管這些特點的細節在不同瀏覽器中是不同的,但是一般的概念是相同的。在這本書中,一些例子需要使用其中的一種工具,我們將使用firebug作為展示,但是其他瀏覽器中的開發工具也是很好的替代品。
正如展示的程式碼對比,jquery的程式碼和原生js程式碼對比要更短,更清晰。然而,這不意味著,我們將總是能夠寫出沒有bug的程式碼,或者我們總是能直觀的理解正在我們的網頁上發生了什麼。藉助於標準的開發工具,我們的jquery程式碼體驗將變的更加流暢。
• The Internet Explorer Developer Tools:http://msdn.microsoft.com/en-us/library/dd565628.aspx
• The Safari Web Inspector:http://developer.apple.com/technologies/safari/developer-tools.html
• The Chrome Developer Tools:http://code.google.com/chrome/devtools/
• Firebug for Firefox: http://getfirebug.com/
• The ability to explore and modify aspects of the DOM
• Investigating the relationship between CSS and its effect on page presentation
• Convenient tracing of script execution through special methods
• Pausing execution of running scripts and inspecting variable values
While the details of these features vary from one browser to the next, the general concepts remain constant. In this book, some examples will require the use of one of these toolkits; we will use Firebug for these demonstrations, but development tools for other browsers are fine alternatives.
儘管這些特點的細節在不同瀏覽器中是不同的,但是一般的概念是相同的。在這本書中,一些例子需要使用其中的一種工具,我們將使用firebug作為展示,但是其他瀏覽器中的開發工具也是很好的替代品。