Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Chrome 網頁除錯功能大解密
Rating: 4.6 out of 5(1,260 ratings)
10,736 students

Chrome 網頁除錯功能大解密

還不會使用網頁瀏覽器的超強內建除錯心法？讓六角學院來教你！
Created by卡斯伯 六角學院, 六角 學院, 廖洧杰 liao, 六角學院 '
Last updated 10/2017
Chinese (Traditional)

What you'll learn

  • 有能力透過 Chrome 瀏覽器進行網頁除錯
  • 具備網頁是如何在瀏覽器上運作的基礎觀念
  • 整合 Chrome 第三方插件，大幅提昇網頁開發效率
  • 了解如何健檢網頁效能、網頁流量的開發流程

Course content

5 sections • 26 lectures • 2h 44m total length

  • 簡單開啟 chrome dev tools 網頁除錯工具4:06
  • 教你如何選取元素，並觀察 HTML、CSS 當前狀態4:19
  • 調整除錯介面以符合螢幕解析度3:52
  • 檢視響應式網頁除錯心法5:48
  • 教你如何下載網頁資訊3:55

Requirements

  • 需安裝 Chrome 網頁瀏覽器
  • 需要了解基礎 HTML、CSS、JavaScript

Description

如果你想要成為一位網頁開發者，那就更不容錯過這堂課程，影片內容涵蓋許多有關於網頁前端的除錯心法，學會後便能讓你不用每次在網頁編輯器寫完，還要頻繁地重新整理網頁瀏覽器確保畫面回饋。在 Chrome 上除錯完便能直接顯示效果，確認無誤後再貼回網頁編輯器，減少你屢次來回在軟體穿梭的時間！

本課程主要是以 Chrome 內建的開發人員工具來進行講解，課程內容中也包含六角學院們的講師常用的開發密技，以及結合第三方的 Chrome 插件，進而大幅提昇網頁開發效率，以及有效率地找出網頁 BUG，快來跟著六角學院一窺 Chrome DevTools 的強大之處吧！

Who this course is for:

  • 想要了解網頁瀏覽器是如何編譯網頁流程的開發者
  • 時常在編輯器與瀏覽器來回更新瀏覽結果，而感到不勝其擾，想要學習瀏覽器開發人員工具的開發者

Report abuse