iT邦幫忙

第 11 屆 iThome 鐵人賽
DAY 15
1
自我挑戰組

網頁排版個人學習筆記系列 第 15 篇

jQuery| 如何使用Chrome進行除錯與增加撰寫效率

11th鐵人賽
2951 瀏覽

  • 分享至 

  • xImage
    •  

Chrome-jQuery除錯

  • 用chrome開啟 index.html
  • F12進入開發人員工具/ Console，會告知js檔案中錯誤的位置
    Chrome-jQuery除錯示意圖.png

Chrome-提升撰寫jQuery效率

用chrome開啟 index.html執行開發人員工具(快捷鍵:F12)

  • 開發人員工具/Console
    • 可直接在此寫javascript並按Enter執行
    • 但不可以在 開發人員工具/Sources 這樣寫，是無效的!!
$('h1').hide();
  • 開發人員工具/ Sources
    • 開啟左方all.js檔案於右邊空白處改寫，儲存(ctrl+s) 即可同步觀看效果。
    • 可在內容區進行除錯動作，並即時預覽。確定無誤後可整個複製貼回sublime內。
      Chrome提升撰寫jQuery效率示意圖.png

上一篇
DAY14-jQuery| 用jQuery產生動畫效果
下一篇
jQuery|搭配css的動畫效果-1
系列文
網頁排版個人學習筆記 共 30 篇
  1. 26
    RWD| 響應式圖片設計
  2. 27
    RWD| 常見響應式選單-1
  3. 28
    RWD| 常見響應式選單-2
  4. 29
    RWD| off Canvas(滑動導航)選單設計
  5. 30
    RWD|SASS 基本環境架設與初步教學
完整目錄
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iT+看影片追技術 看影片追技術 看更多
熱門tag
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react
熱門問題
熱門回答
熱門文章
IT邦幫忙