問題的答案無所不包論文書籍站
chrome開發者工具關閉的問題，透過圖書和論文來找解法和答案更準確安心。 我們找到下列各種有用的問答集和懶人包
chrome開發者工具關閉的問題，我們搜遍了碩博士論文和台灣出版的書籍，推薦（美）CHRIS AQUINO，TODD GANDEE寫的 Web開發權威指南 和（英）BEN FRAIN的 Sass和Compass設計師指南：輕松生成和維護兼容主流瀏覽器的CSS都 可以從中找到所需的評價。
另外網站[Chrome] 在Deveoper Tools 開發者工具中 - EPH 的程式日記也說明：[Chrome] 在Deveoper Tools 開發者工具中，搜尋JavaScript 關鍵字 ... 查了一下，原來Chrome Developer Tools 自己就有搜尋功能啦～.
這兩本書分別來自人民郵電 和華中科技大學所出版 。
最後網站利用Chrome的開發者工具作為HTML網頁教學輔助工具則補充：以Google Chrome 為例，在Windows 介面中使用快速鍵F12 或是Ctrl+Shift+I，可以進入Chrome 開發者工具。（如下圖） 利用這個工具，你可以查看網頁在.
Web開發權威指南
為了解決chrome開發者工具關閉 的問題，作者（美）CHRIS AQUINO，TODD GANDEE 這樣論述：
本書在知名培訓機構Big Nerd Ranch培訓教材的基礎上編寫而成，囊括了JavaScript、HTML5、CSS3等現代前端開發人員急需的技術關鍵點，包括響應式UI，訪問遠程Web服務，用Ember.js構建應用，等等。此外，還會介紹如何使用前沿開發工具來調試和測試代碼，並且充分利用Node.js和各種開源的npm模塊的強大功能來進行開發。全書分四部分，每部分獨立完成一個項目，由淺入深、循序漸進，在構建一系列應用的過程中，介紹Web開發的核心概念和API。無論是否擁有Web開發經驗，抑或擁有其他平台的開發背景，只要對當今流行的工具和開發實踐充滿興趣，這本書都能讓你受益匪淺。Chris A
quino，Web開發專家，Big Nerd Ranch講師。作為開發者，他希望能給用戶提供有意義的數據體驗；作為主管和講師，他致力於幫助他的團隊和學生構建出更好的Web。平時喜歡發條玩具、濃縮咖啡和格式燒烤Todd Gandee，前端工程師，Big Nerd Ranch講師。擁有十余年的Web顧問經驗，專業技能嫻熟。業余時間喜歡跑步、騎行以及攀岩。 第一部分 瀏覽器編程基礎第1章 配置開發環境 21.1 安裝Google Chrome 21.2 安裝並配置Atom 31.3 文檔和參考資料 61.4 命令行速成 81.4.1 查看當前工作目錄 91.4.2 新
建目錄 101.4.3 切換目錄 101.4.4 列出目錄中的文件 111.4.5 獲取管理員權限 121.4.6 退出程序 131.5 安裝Node.js和browser-sync 141.6 延展閱讀：Atom 的替代工具 15第2章 開始第一個項目 172.1 搭建Ottergram 182.1.1 開始寫HTML 192.1.2 鏈接到樣式表 222.1.3 添加內容 222.1.4 添加圖片 232.2 瀏覽網頁 252.3 Chrome開發者工具 272.4 延展閱讀：CSS 版本 292.5 延展閱讀：favicon.ico 292.6 中級挑戰
：添加favicon.ico 30第3章 樣式 313.1 創建基本樣式 323.2 為HTML文件添加樣式 333.3 樣式的構成 343.4 第一條樣式規則 353.5 樣式繼承 383.6 圖片自適應 453.7 顏色 473.8 調整空白 493.9 添加字體 533.10 初級挑戰：更改顏色 563.11 延展閱讀：優先級！當選擇器發生沖突了…… 56第4章 flexbox響應式布局 584.1 界面拓展 594.1.1 添加大圖 594.1.2 縮略圖水平布局 614.2 flexbox 634.2.1 創建flex容器 644.2.2 改變f
lex-direction 654.2.3 flex項目中的元素分組 664.2.4 flex縮寫屬性 684.2.5 flex項目的排序與對齊方式 694.2.6 居中顯示大圖 734.3 絕對定位與相對定位 75第5章 使用媒體查詢完成自適應布局 825.1 重置視口 835.2 添加媒體查詢 855.3 初級挑戰：屏幕方向 895.4 延展閱讀：flexbox布局通用解決方案與bug 895.5 高級挑戰：聖杯布局 89第6章 JavaScript事件處理 906.1 准備錨標簽 916.2 第一個腳本 946.3 Ottergram中的JavaScript
描述 956.4 聲明字符串變量 966.5 操作控制台 976.6 訪問DOM元素 996.7 編寫setDetails函數 1046.8 從函數返回值 1086.9 添加事件監聽器 1106.10 訪問所有縮略圖 1156.11 迭代縮略圖數組 1176.12 中級挑戰：劫持鏈接 1186.13 高級挑戰：隨機的水獺 1196.14 延展閱讀：嚴格模式 1196.15 延展閱讀：閉包 1196.16 延展閱讀：NodeList對象和HTMLCollection 對象 1206.17 延展閱讀：JavaScript類型 122第7章 使用CSS營造視覺效果
1237.1 隱藏及顯示大圖 1237.1.1 創建隱藏大圖的樣式 1257.1.2 用JavaScript 隱藏大圖 1277.1.3 監聽鍵盤事件 1287.1.4 重新顯示大圖 1317.2 使用CSS過渡改變狀態 1327.2.1 變形 1337.2.2 添加CSS過渡效果 1357.2.3 使用定時函數 1387.2.4 基於類的過渡效果 1397.2.5 通過JavaScript觸發過渡效果 1407.3 自定義定時函數 1417.4 延展閱讀：強制類型轉換的規則 143第二部分 模塊、對象及表單第8章 模塊、對象和方法 1468.1 模塊 1468.
1.1 模塊模式 1478.1.2 通過IIFE修改對象 1498.2 搭建我們的CoffeeRun吧 1518.3 創建數據存儲模塊 1528.4 在命名空間上添加一個模塊 1538.5 構造函數 1548.5.1 構造函數的原型 1558.5.2 為構造函數添加方法 1578.6 創建Truck模塊 1598.6.1 添加訂單 1608.6.2 刪除訂單 1618.7 調試 1638.7.1 使用開發者工具定位bug 1658.7.2 使用bind 設置this 1698.8 在頁面加載時初始化CoffeeRun 1708.9 初級挑戰：使用非星迷熟悉的餐車I
D 1738.10 延展閱讀：模塊私有數據 1738.11 中級挑戰：私有化數據 1748.12 延展閱讀：在forEach的回調函數中設置this 174第9章 Bootstrap簡介 1759.1 添加Bootstrap 1759.2 創建訂單表單 1779.2.1 添加文本輸入字段 1789.2.2 提供單選按鈕 1829.2.3 添加下拉菜單 1839.2.4 添加范圍滑塊 1859.2.5 添加提交按鈕和重置按鈕 185第10章 使用JavaScript 處理表單 18710.1 創建FormHandler 模塊 18810.1.1 jQuery簡介 1
8910.1.2 導入jQuery 18910.1.3 使用selector參數配置FormHandler 實例 19010.2 添加提交處理程序 19210.2.1 提取數據 19310.2.2 接受並調用回調函數 19510.3 使用FormHandler 19610.4 UI 優化 19810.5 初級挑戰：添加超級尺寸 19910.6 中級挑戰：當滑塊滑動時顯示其數值 19910.7 高級挑戰：添加選擇 200第11章 從數據到DOM 20111.1 建立清單 20211.2 創建CheckList模塊 20311.3 創建行構造函數 20411.4 在提交
時創建清單行 20911.5 通過單擊行完成訂單 21211.5.1 創建CheckList.prototype.removeRow方法 21311.5.2 刪除被覆蓋的條目 21311.5.3 編寫addClickHandler方法 21411.5.4 調用addClickHandler 21611.6 初級挑戰：在描述中加入濃度信息 21711.7 中級挑戰：不同口味，不同顏色 21711.8 高級挑戰：允許編輯訂單 217第12章 表單校驗 21812.1 required屬性 21812.2 使用正則表達式校驗表單 22012.3 約束校驗API 22012.
3.1 監聽input事件 22212.3.2 將input事件和有效性校驗綁定 22312.3.3 觸發有效性檢查 22412.4 美化有效元素和無效元素 22512.5 中級挑戰：為脫咖啡因咖啡進行自定義校驗 22712.6 延展閱讀：Webshim 庫 227第13章 Ajax 22913.1 XMLHttpRequest對象 23013.2 RESTful Web服務 23013.3 RemoteDataStore模塊 23113.4 向服務器發送數據 23213.4.1 使用jQuery的＄.post 方法 23313.4.2 添加回調函數 23313.4.
3 檢查Ajax的請求和響應 23413.5 從服務器檢索數據 23713.5.1 查看響應數據 23713.5.2 添加回調函數 23813.6 從服務器刪除數據 24013.7 用RemoteDataStore替換DataStore 24113.8 中級挑戰：校驗遠端服務器 24313.9 延展閱讀：Postman 243第14章 Deferred和Promise 24414.1 Promise和Deferred 24514.2 返回Deferred 24614.3 通過then注冊回調函數 24714.4 使用then處理失敗的情況 24814.5 在僅支持回調
函數的API上使用Deferred 25014.6 為DataStore配置Promise 25414.6.1 創建並返回Promise 25514.6.2 resolve一個Promise 25614.6.3 將其他DataStore方法Promise 化 25614.7 中級挑戰：回退到Datastore 259第三部分 實時數據傳輸第15章 Node.js入門 26215.1 Node和npm 26315.1.1 npm init 26415.1.2 npm腳本 26515.2 Hello, World 26515.3 添加一個npm腳本 26715.4 用文件提
供服務 26815.4.1 用fs 模塊讀取文件 26915.4.2 處理請求URL 26915.4.3 使用path模塊 27115.4.4 創建自定義模塊 27215.4.5 使用自定義模塊 27215.5 錯誤處理 27315.6 延展閱讀：npm模塊注冊 27415.7 初級挑戰：創建自定義錯誤頁面 27515.8 延展閱讀：MIME類型 27515.9 中級挑戰：動態提供MIME類型 27615.10 高級挑戰：將錯誤處理放到單獨的模塊中 276第16章 使用WebSocket進行實時通信 27716.1 配置WebSocket 27816.2 測試Web
Socket服務器 28016.3 創建聊天服務器的功能 28116.4 第一次聊天！ 28316.5 延展閱讀：WebSocket庫socket.io 28316.6 延展閱讀：WebSocket服務 28416.7 初級挑戰：我重復了我的消息嗎？ 28416.8 中級挑戰：Speakeasy 28416.9 高級挑戰：聊天機器人 284第17章 借助Babel使用ES6 28517.1 編譯JavaScript的工具 28617.2 Chattrbox客戶端應用程序 28817.3 邁出Babel的第一步 28917.4 使用Browserify 打包模塊 291
17.5 新增ChatMessage 類 29417.6 創建ws-client 模塊 29717.6.1 處理連接 29817.6.2 處理事件並發送消息 29917.6.3 發出和回應一條消息 30117.7 延展閱讀：將其他語言編譯成JavaScript 30217.8 初級挑戰：默認導入名稱 30317.9 中級挑戰：提醒連接關閉 30317.10 延展閱讀：變量提升 30317.11 延展閱讀：箭頭函數 305第18章 繼續ES6 探索之旅 30618.1 將jQuery 安裝成一個Node 模塊 30718.2 創建ChatForm 類 30718.3 創
建ChatList 類 31018.8 初級挑戰：給消息添加特效 32018.9 中級挑戰：緩存消息 32018.10 高級挑戰：獨立的聊天室 321第四部分 應用架構第19章 初識MVC和Ember 32419.1 Tracker 32519.2 Ember：一款MVC 框架 32619.2.1 安裝Ember 32719.2.2 創建Ember應用 32819.2.3 啟動服務器 32919.3 安裝外部庫和插件 33019.4 修改配置 33219.5 延展閱讀：npm和Bower 的安裝命令 33519.6 初級挑戰：限制引入 33619.7 中級挑戰：添加
Font Awesome 庫 33619.8 高級挑戰：自定義NavBar 336第20章 路由選擇、路由表、模型 33720.1 Ember生成器 33820.2 嵌套路由 34220.3 Ember Inspector 34420.4 指派模型 34420.5 beforeModel 34720.6 延展閱讀：setupController和afterModel 347第21章 模型和數據綁定 34921.1 定義模型 34921.2 創建記錄 35121.3 get和set 35321.4 計算屬性 35421.5 延展閱讀：檢索數據 35721.6 延展閱
讀：保存或刪除數據 35821.7 初級挑戰：修改計算屬性 35821.8 中級挑戰：對新的目擊記錄進行標記 35821.9 高級挑戰：添加稱呼 35918.4 使用Gravatar 31218.5 請求用戶名 31418.6 使用會話存儲 31618.7 格式化和更新消息時間戳 318第22章 數據——適配器、序列化器和變換器 36022.1 適配器 36222.2 內容安全策略 36522.3 序列化器 36622.4 變換器 36822.5 延展閱讀：Ember CLI Mirage 36822.6 中級挑戰：內容安全 36922.7 高級挑戰：Mirage
369第23章 視圖與模板 37023.1 Handlebars 37123.2 模型 37123.3 輔助方法 37123.3.1 條件語句 37223.3.2 {{#each}}循環 37323.3.3 元素屬性賦值 37523.3.4 鏈接 37723.4 自定義輔助方法 38023.5 初級挑戰：為鏈接添加鼠標懸浮的內容 38223.6 中級挑戰：修改日期格式 38323.7 高級挑戰：創建一個自定義縮略圖輔助方法 383第24章 控制器 38424.1 新建目擊記錄 38524.2 編輯目擊記錄 39224.3 刪除目擊記錄 39524.4 路由動
作 39624.5 初級挑戰：目擊記錄詳情頁 39824.6 中級挑戰：目擊日期 39824.7 高級挑戰：添加和刪除目擊者 398第25章 組件 39925.1 迭代器組件 39925.2 「擰干」組件的「水分」 40325.3 數據向下，動作向上 40425.4 類名綁定 40525.5 數據向下 40625.6 動作向上 40925.7 初級挑戰：自定義提示信息 41125.8 中級挑戰：將導航條轉化為組件 41125.9 高級挑戰：提示框數組 412第26章 后記 41326.1 最后的挑戰 41326.2 插播一個廣告 41326.3 感謝你 41
4
Sass和Compass設計師指南：輕松生成和維護兼容主流瀏覽器的CSS
為了解決chrome開發者工具關閉 的問題，作者（英）BEN FRAIN 這樣論述：
本書是《響應式Web設計：HTML5和CSS3實戰》作者Ben Frain的又一力作。作者通過豐富、完整的案例，循序漸進地展示了Sass和Compass的使用方法。既使不懂編程的設計師讀完本書也能輕松生成跨瀏覽器的、易於維護的CSS代碼，並學會編寫mediaquery代碼，進行響應式設計。本書適合交互設計師、UI設計師、網頁設計師、前端開發工程師閱讀。本•弗萊恩（Ben Frain）從1996年起就開始從事前端開發，他同時也是一名技術專欄作者，經常為很多媒體平台（Mac平台、消費者技術、網站設計、航天工業）撰稿。 第1章 Sass和Compass概述 711 為什麼需要CS
S預處理器 8111 如果最終生成的是CSS代碼，為什麼不干脆手寫CSS？ 912 為什麼應該用Sass和Compass 9121 使用變量（每個屬性值只需要定義一次） 10理解變量語法 10122 自動轉換的RGBA顏色值 11123 忘記瀏覽器前綴 12124 嵌套規則 12125 Media queries變得更加簡單 13126 自動壓縮CSS從而實現快速建站 1513 什麼是Sass 1514 什麼是Compass 1715 安裝Sass和Compass 17151 OS X系統安裝方法 1816 通過命令行安裝和使用Sass和Compass 19161 在Windows下安裝Rub
y 19162 運行gem命令 19163 Mac OS X命令安裝 20164 Windows命令行安裝 21165 檢查你的Sass和Compass版本 22166 檢查有哪些Sass和Compass版本可用 23167 安裝最新版本的Sass和Compass（包括預發布版本） 23168 從命令行創建Sass和Compass工程 24169 命令行自動編譯功能 2617 使用圖形界面軟件運行Sass 和 Compass 26171 Scout app 27172 CodeKit 27173 LiveReload 2818 在文本編輯器下使用Sass文件 3019 小結 31第2章 創建S
ass和Compass工程 3321 創建Sass和Compass工程 34211 創建Compass工程 35創建定制化的Compass工程36創建空的Compass工程3722 理解configrb文件 38221 添加需要的插件 40222 為工程資源設定名稱和路徑 40223 設定CSS輸出樣式 41嵌套輸出選項 41緊密輸出方式 42壓縮輸出方式 43去掉注釋，保持樣式 43壓縮CSS，保持注釋（凸顯注釋） 44打開相對資源路徑功能 4423 創建和使用模塊文件 45231 Sass提供可維護的生產性代碼 46232 導入模塊文件 48233 Sass中書寫變量的語法 4924 Sas
s注釋格式 50241 標准CSS注釋 50242 Sass單行注釋 5025 基礎的indexhtml文件5126 未來工程的基礎構架 5227 總結 53第3章 嵌套，擴展，占位符和混合宏 5531 用Sass和Compass給網站添加樣式 55目錄 932 從視覺上分割布局 5733 什麼是嵌套？它是如何實現代碼模塊化的？ 60331 嵌套語法 60父級選擇器 64級聯選擇器 65332 使用父級選擇器輕松添加Modernizr樣式 66給字體定義一個模塊文件 67用Modernizr和父級選擇器改變字體 68過度嵌套的危險 69ID選擇器不好？ 71333 嵌套命名空間 7234 使用
@extend命令擴展現有代碼 7535 使用占位符選擇器來擴展需要的樣式 7736 什麼是混合宏？如何使用混合宏來輕松生成常用代碼？ 78361 混合宏的基本語法 80362 如何用默認值寫混合宏 8237 生成CSS的注意事項 8538 總結 86第4章 輕松玩轉顏色 8741 只定義一次顏色 8842 變淺和加深函數 89421 掌握HSL顏色標准 90422 變淺和加深函數語法 9143 標簽修改和轉換 92431 Compass的clearfix功能 9344 再談顏色 95441 混合宏里還有混合宏？這是什麼新功能？ 9745 互補（和反色）函數 10146 反色函數 10247 色
調調節函數 10248 飽和函數和去飽和函數 10349 透明化函數和漸隱函數 105410 不透明化函數和漸現函數 106411 灰度函數 106412 rgba函數 107413 混合函數 108414 調色函數 109415 比例調色函數 110416 遮陰函數和增亮函數 112417 綜合利用函數 113418 總結 114第5章 Sass和Compass的響應式彈性網格系統 11551 反對使用網格系統的各種說法 11652 為什麼使用網格系統 11753 什麼是Susy? 117531 Susy到底是做什麼的？ 11854 安裝Susy Compass插件 11955 在工程中引入
Susy 120551 Susy工程變量 12056 創建Susy網格系統 12157 為網格系統定義背景 122571 顯示網格背景 123572 給Susy設置border-box屬性 12458 創建「移動」響應式網格系統 12559 用Susy創建斷點 125510 創建流體網格系統 131511 創建靜態的「固定化」網格系統 132512 使用Susy網格幫助工具 1325121 Prefix、Suffix和Pad 1335122 Prefix 1335123 Suffix 1345124 Pad 135513 Pre, Post, Squish, Push和Pull 1365131 Pre
1365132 Post 1375133 Squish 1375134 Push和Pull 137514 網格內嵌套網格 1385141 nth-omega混合宏 139515 子像素的四舍五入問題 142目錄 115151 為什麼會發生像素取整錯誤 1435152 容器相對布局 1435153 標准Susy語法及輸出 143分格混合宏 144516 總結 146第6章 Sass和混合宏中的高級media queries 14761 Sass中的Media queries 148611 使用media query模塊文件分離media query樣式 14962 Sass的行內media q
ueries 14963 創建混合宏輕松處理media queries 151631 將斷點定義為變量 15164 MQ media query混合宏是如何工作的 15365 各種情況的應用 15466 書寫行內media queries 15567 gzip和CSS壓縮=勝利！ 16068 實際工程中行內media queries和集合media queries的區別 16169 復習CSS代碼 163610 總結 165第7章 Compass中的CSS3、Image Sprites等功能 16771 用Compass混合宏輕松實現CSS3 168711 文本陰影屬性的語法 168使用默認值
的文本陰影 16972 border-radius語法 17073 復列 171731 分列規則語法 172732 盒子陰影混合宏 173733 盒子陰影語法 173734 多重盒子陰影 17474 背景漸變 176741 背景線性漸變語法 176742 背景輻射漸變語法 178743 組合漸變和背景圖像 17875 用Compass image-url幫助工具添加背景圖像17976 圖像寬度和高度幫助工具 180761 Compass緩存消除功能 18177 Compass的image sprites功能 182771 其他sprite配置選項 185為每個HTML選擇器添加高度和寬度 18
5給圖像周圍添加額外的內邊距 185772 布局選項 18678 Compass文本替代混合宏 186781 文本隱藏混合宏 186782 Squish-text混合宏 187783 用圖像代替文本 18879 為圖像創建數據URI 189791 行內圖像語法 191710 不支持SVG格式設備的備選方法 192711 CSS變形功能 193712 CSS過濾器 196713 過渡 197714 總結 198第8章 Sass的編程邏輯 19981 Sass的數學計算 200811 加法 200812 減法 200713 乘法 201814 除法 201815 使用變量進行計算 20382 控制
命令及使用方法 203821 @if和@else if控制命令 204822 @for循環 205823 計數器變量 207824 from to和from through 207插入功能 208825 @each循環 20983 給數值去除和添加單位 213831 從數值上去除單位 213832 給變量值添加單位 21384 在Sass中寫函數 214841 相等操作符 215842 關系操作符 215843 @return 216844 使用函數的返回結果 21685 使用@debug命令 21686 @warn命令 21987 總結 219第9章 精通Sass和Compass 22191
關閉指定瀏覽器的Compass支持功能 222911 配置支持變量 223912 基於WebKit內核的Opera 22592 為最新發布的CSS屬性提供支持 22593 定義最新屬性值 22794 Sass交互式shell 228941 Compass交互 22995 添加Sass globbing插件來批量導入模塊文件 22996 創建多個獨立的樣式表 23097 將模塊文件轉換為獨立的樣式表 23198 Compass統計 23199 清空Sass緩存 233910 一次性Compass編譯 234911 小結 2349111 修正人為錯誤 2349112 使用Lint工具發現常見問題
236912 用工具和測試避免推斷 2379121 Chrome開發者工具 237持續頁面刷新 2389122 查找沒被使用的樣式 240913 循序漸進 242914 總結 243 在過去的幾年里，我設計工作中的很大一部分就是用HTML和CSS出圖。漸漸地我掌握了寫代碼的技能，並且能通過編寫或重寫CSS代碼迅速實現很多設計理念。因此我慢慢意識到，我需要更快、更流暢地編寫代碼，所以我開始尋找合適的工具來提高編寫代碼的效率。回過頭看，選擇Sass真是一個明智的決定，如今我無法想象沒有Sass光靠手寫CSS代碼會是什麼樣的情況。它的擴展性、迭代選擇器、變量、混合宏，甚至管理顏
色的方式都十分好用。但是，為了精通Sass，我還是花了不少功夫的。這就是為什麼我真的希望當初學習Sass時能擁有這本書！本•弗萊恩是一位難得的前端開發天才，他能夠將復雜的概念用最簡單的語言解釋清楚。作為一名設計師，我能感覺到他在寫這本書時的用心，站在設計師和開發人員的角度詳盡解釋了所有問題。我相信大家讀完本書后都能感覺得到。我希望，不，我確信，你會和我一樣喜歡上這本書。——安德魯•克拉克（Andrew Clarke）安德魯•克拉克在Stuff and Nonsense任職，是一名web設計師。他是暢銷書《Transcending CSS》和《Hardboiled Web Design》的作者，
同時也是Unfinished Business的發起人之一。