Chrome 網頁除錯功能大解密

還不會使用網頁瀏覽器的超強內建除錯心法?讓六角學院來教你!
Free tutorial
Rating: 4.4 out of 5 (1,103 ratings)
9,329 students
Chrome 網頁除錯功能大解密
Free tutorial
Rating: 4.4 out of 5 (1,103 ratings)
9,329 students
有能力透過 Chrome 瀏覽器進行網頁除錯
具備網頁是如何在瀏覽器上運作的基礎觀念
整合 Chrome 第三方插件,大幅提昇網頁開發效率
了解如何健檢網頁效能、網頁流量的開發流程

Requirements

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

Description

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

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

Who this course is for:

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

Course content

5 sections • 26 lectures • 2h 44m total length
  • 簡單開啟 chrome dev tools 網頁除錯工具
    04:06
  • 教你如何選取元素,並觀察 HTML、CSS 當前狀態
    04:19
  • 調整除錯介面以符合螢幕解析度
    03:52
  • 檢視響應式網頁除錯心法
    05:48
  • 教你如何下載網頁資訊
    03:55

Instructors

前端設計師、前端工程師
卡斯伯 六角學院
  • 4.5 Instructor Rating
  • 11,021 Reviews
  • 21,942 Students
  • 20 Courses

大家好,我是王志誠 (Casper),是由設計師轉為前端工程師,專長是視覺設計與前端整合、前端技術教育訓練、前端自動化,常用的工具、技術有 Sketch、Sass、Angular.js、Node.js、Gulp 等主流前端技術。

目前是高雄前端社群的核心成員,高雄前端社群除了會有中型的交流會、Workshop以外,還會舉辦 CSS 讀書會(每月1~2次),如果對 前端、CSS 有興趣,歡迎追蹤 FB / 高雄前端社群,將可以看到我們的活動。

Udemy 台灣合作夥伴
六角 學院
  • 4.5 Instructor Rating
  • 11,021 Reviews
  • 21,941 Students
  • 20 Courses

一次付費,終身複習 
隨著時代更新的線上數位教材
透過國際知名 Udemy 線上教育平台 
我們致力於優化程式教育的流程

我們承諾以下事項:

  • 一次付費,課程內容沒有期限
  • 課程內容更新,無需額外付費
  • 價格調整,已付費者不受影響
  • Udemy、Mail、Facebook 等各頻道發問一定會得到回答
  • 30 天內無條件退款


前端工程師
廖洧杰 liao
  • 4.5 Instructor Rating
  • 11,021 Reviews
  • 21,942 Students
  • 20 Courses

你好,我是六角學院的校長,洧杰。

我是熱愛分享與交流的前端工程師,目前專注於兼容桌面/移動網頁前端開發,期間已協助數百位平面設計師,網頁設計師導入標準網頁設計。


如果你有意成為網頁設計師,前端工程師,歡迎參考我們的課程,我們是六角學院,希望能帶領您進入程式領域,線上帶您學到會 :D

 

六角學院助教
六角助教 六角學院
  • 4.5 Instructor Rating
  • 10,146 Reviews
  • 21,902 Students
  • 18 Courses

六角學院 是一所線上程式開發學習單位,目前已累積超過 15,000 名學員,讓更多人藉由線上學習在職涯規劃上有更多的選擇是我們的使命是,如果您贊同我們的理念,歡迎加入六角。

我們將深入了解您想發展的領域,每位實習生我們都會量身打造專屬於您的舞台,並讓您實際瞭解公司營運 Know how。