目錄
- 闡述
- 舉例說明
- 小結
闡述
- 寫前端頁面的時候,瀏覽器調試作為一個很重要的環節,成為開發者必須掌握的技能之一
舉例說明
- 舉一個簡單的實例,如下一段Html代碼,包含一段很簡單的for循環JavaScript
<body>
<script>
for (var i = 0; i < 10; i++) {
document.write(i);
}
</script>
</body>
- VS2013直接調試網頁,用的谷歌瀏覽器,右鍵檢查,會出現如下圖片
- 界面顯示內容解釋
1.Element:元素,會顯示當前網頁標簽,還有JavaScript執行結果
2.Console:控制台
3.Source:這里會顯示源碼的所有內容,包含Html和JavaScript,這里的源碼就可以打上斷點進行調試,F5進入調試,然后可以查看JavaScript里代碼的執行結果,和報的錯誤
- 具體頁面展示如下
- 其他
- 關於其他功能在調試性能,占用系統內存優化程序方面有很大所用
小結
*瀏覽器現在的功能很強大,更是本地的一個數據倉庫,會用了,開發效率會有高額提升
感激
星星之火可以燎原,今日點滴的付出,是日后的苦盡甘來。莫愁前路漫漫,天下誰人不識君。感謝你閱讀此文稿,也希望你能不吝賜教。推薦比較全面的個人學習網站,希望對你有幫助。
關於作者
var normalChild = {
nickName : "墨客碼",
site : "http://www.cnblogs.com/gss0525/"
descTarget : ".net后台開發者,熱衷分享技術,心懷感恩,深耕不綴。"
}