chrome網頁空白的問題，透過圖書和論文來找解法和答案更準確安心。 我們找到下列懶人包和總整理

WordPress&網頁設計會遇到的100個問題

為了解決chrome網頁空白的問題，作者黃英展 這樣論述：

本書特色 　　集結了架設WP網站與網頁設計會遇到的100個實例Q&A 　　WordPress - 不會寫程式也可以輕鬆架站 　　推薦21款超實用WrdPress外掛 - 強化網站功能、安全性、SEO讓您的網站更為符合客製的需求 　　精選HTML5、CSS3問題集 - 網頁設計師不能錯過的必修課程 　　本書精彩收錄100個實例Q&A： 　　火紅架站系統大公開：WordPress架站篇 　　如何成為WordPress達人？ - 網站後台管理速速上手 　　如何網路開店？ - Woocommerce輕鬆上架商品、顏色、尺寸、金流設定 　　有哪些好用外掛？ - 21款WordP

ress超實用外掛大集合 　　老司機都知道的：網頁知識小百科 　　甚麼是HTML5？、RWD？、雲端字型？ 　　網頁設計魔法師都靠它：CSS練功篇 　　如何設置Float浮動語法？、inline-clock語法？、CSS tranform？、CSS animate？ 　　網頁設計師不能錯過的：認識常見專有名詞 　　甚麼是SEO？、Parallax？、Grid System？ 　　挖好康藏寶圖：資源分享篇 　　學習及素材網站蒐羅、Google廣告投放、FB粉絲頁經營技巧、開啟AdSense網站營利  

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

靜態網頁之隱寫技術研究

為了解決chrome網頁空白的問題，作者張詠馨 這樣論述：

隨著資訊科技的發展，越來越多人透過網路將資訊傳送到不同地方，例如文字檔案、影像、影音、公司或學校資料等等。透過網際網路我們可以輕鬆的進行資訊傳遞，但是相對的也存在著許多資訊安全問題。資訊在傳遞的過程中很可能遭到有心人士的攔截或竄改甚至進行破壞，因此為了確保資料傳遞的安全性，學者們提出了各種不同的方法將機密資訊進行加密後傳送。機密訊息進行加密後傳送雖然能達到安全傳遞的目的，但由於加密後得到的密文讓整份資料看起來雜亂，反而更引起想破壞的第三人士的關切，為了解決這個問題，資訊隱藏技術利用數位媒體作掩護，將加密後的機密資訊隱藏到數位媒體裡以達到安全傳送機密的技術。有很多數位媒體都可以用來當作資訊隱藏

傳送時的負載媒體，數位影像是我們常看到的負載媒體(Cover media)。靜態網頁主要透過HTML5與CSS的屬性設定去達到豐富網頁的動作，我們可以利用這些設定時的一些彈性，去達成隱藏機密資訊的目的，例如從CSS屬性中的字型大小、顏色設定等等…。本研究所提出的方法，經實驗測試之後能有效的將大量的機密資訊藏進負載網頁檔案中，同時，藏有機密訊息的網頁和原始的網頁都擁有相同的視覺品質。關鍵詞：資訊隱藏、靜態網頁、機密資訊傳遞