因為網頁開發員的工作一般來說有點枯燥,
尤其是專注於View開發的同仁.
Firefox：
到 https://addons.mozilla.org/firefox/216/ 點選 Install now.
Firefox 重啟後就會自動安裝.
然後選 工具 -> javascript debugger 就可以開始使用了.
這裡有官方FAQ使用教學：
http://www.hacksrus.
Internet Explorer：
下載 Script Debugger for Windows
http://www.microsoft.com/downloads/details.aspx?FamilyID=2f465be0-94fd-4569-b3c4-dffdf19ccd99&displaylang=en
安裝後 可以到 IE -> 工具 -> 進階 -> 停止指令碼偵錯 [反點選即開啟]
個人建議是平時把它關閉,因為每次網頁有問題都會跳出來嚇你一跳.
其功能如下：
[1] View the source code of the script they are debugging.
[2] Control the pace of script execution with break points and stepping.
[3] View and change variable and property values with the Command Window.
[4] View and control script flow with the Call Stack Window.
下載 Internet Explorer Developer Tollbar
http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en
安裝後在 IE -> 檢視 -> 工具列 -> Developer Toolbar 就會顯示Toolbar
然後按 View DOM 就開始瀏覽之旅了
[1] Explore and modify the document object model (DOM) of a Web page.
[2] Locate and select specific elements on a Web page through a variety of techniques.
[3] Selectively disable Internet Explorer settings.
[4] View HTML object class names, ID's, and details such as link paths, tab index values, and access keys.
[5] Outline tables, table cells, images, or selected tags.
[6] Validate HTML, CSS, WAI, and RSS Web feed links.
[7] Display image dimensions, file sizes, path information, and alternate (ALT) text.
[8] Immediately resize the browser window to a new resolution.
[9] Selectively clear the browser cache and saved cookies. Choose from all objects or those associated with a given domain.
[10] Choose direct links to W3C specification references, the Internet Explorer team weblog (blog), and other resources.
[11] Display a fully featured design ruler to help accurately align and measure objects on your pages.
使用 Http Watch 監視 TCP： |
| 下載Http Watch試用版： http://www.simtec.ltd.uk/download/ 選擇 IE -> View -> Explor Bar -> HttpWatch , 然後按 Start. 就會出現如下畫面：  |
沒有留言:
發佈留言