手機safari打不開網頁的問題，透過圖書和論文來找解法和答案更準確安心。 我們找到下列問答集和資訊懶人包

JavaScript機器人：用Raspberry Pi、Arduino和BeagleBone構建NodeBots

為了解決手機safari打不開網頁的問題，作者[美] 瑞克·沃爾德龍 這樣論述：

JavaScript不僅是Web的程式設計語言，也是編寫非同步程式簡單的語言之一。正如在管理動態使用者介面時，Web應用程式需要在後臺與Web伺服器進行交互一樣，機器人需要在等待指令或尋找障礙時考慮進展情況。 　 　 《JavaScript機器人：用Raspberry Pi、Arduino和BeagleBone構建NodeBots》展示使用JavaScript構建回應周圍世界的機器人的方法。使用支援 Arduino、樹莓派和BeagleBone的開源Johnny-Five機器人庫，逐步學習構建和程式設計能夠漫遊、游泳、打字、散步、跳舞、發送提醒、製作音樂、表達情感等的機器人的方法。 　　 本書

作者RickWaldron發明了Johnny-Five，並且已經招募了14位程式師組成團隊，與你分享他們熱哀的JavaScript機器人項目。 　 《JavaScript機器人：用Raspberry Pi、Arduino和BeagleBone構建NodeBots》中詳細說明了項目所需的材料，找到材料的地點以及購買材料的估計成本，並且在計畫和排除專案故障的過程中會提供大量幫助，這樣你可以輕鬆地構建本書中的項目。 第1章 用Lo-tech材料建造機器人 1.1 構建SimpleBot 1.1.1 材料單 1.1.2 構建步驟 1.1.3 安裝Node.js包 1.1.4 使用基

本程式測試構建 1.1.5 故障排除——接線 1.1.6 一個簡單的驅動程式 1.1.7 故障排除——伺服電機 1.2 切斷電源線 1.2.1 構建無線SimpleBot 1.2.2 連接 1.2.3 控制SimpleBot 1.2.4 疑難排解 1.3 進一步探索 第2章 TypeBot 2.1 材料清單 2.2 剖析機器人手臂 2.2.1 設計手臂 2.2.2 約束手臂 2.3 構建硬體 2.3.1 底座和肩膀 2.3.2 肘部 2.3.3 腕部 2.3.4 手指 2.3.5 腦部 2.4 編寫軟體 2.4.1 創建專案檔案 2.4.2 控制伺服 2.4.3 初始化 2.4.4 按鍵排序

2.4.5 首次運行 2.4.6 微調手臂 2.5 進一步探索 第3章 節點船 3.1 材料清單 3.2 潛艇電機吊艙 3.2.1 為什麼要使用電機驅動器 3.2.2.電機吊艙零件 3.2.3 修改電機 3.2.4 測試電機 3.2.5 完成電機 3.2.6 插入電機 3.2.7 打孔 3.2.8 關閉電機吊艙 3.2.9 電線的防水 3.3 安裝Spark核心板 3.4 第一個Spark項目 3.5 焊接電機驅動器 3.6 給小船接線 3.6.1 給電機驅動器供電 3.6.2 連接Spark核心板和電機驅動器 3.6.3 連接電機 3.7 電機的控制：代碼 3.7.1 添加按鍵事件 3.

7 ，2記錄按鍵狀態 3.8 船體裝配 3.9 伺服系統 3.9.1 伺服系統程式設計 3.9.2 安裝方向舵 3.1 0啟航 3.1 1進一步探索 第4章 piDuin05移動機器人平臺 4.1 材料清單 4.2 安裝開發板和軟體 4.2.1 在樹莓派上安裝Node.js 4.2.2 下載piDuin05代碼和依賴項 4.2.3 插入Arduino 4.2.4 通過WebSockets測試Johnny-Five 4.2.5 流覽appjs 4.2.6 初始化Johnny-Five 4.2.7 控制硬體 4.2.8 使用WebSockets進行低延遲控制 4.2.9 從任何地方連接 4.3

裝配硬體 4.4 用智慧手機控制 4.4.1 下載piDuin05 Web應用程式 4.4.2 將localtunnel發佈到Web應用程式上 4.4.3 在手機上試用Web應用程式 4.5 流覽app.js和index.html 4.5.1 存儲localtunnel位址和前端 4.5.2 服務使用者介面 4.5.3 觸控式螢幕操縱杆 4.5.4 建立連接 4.5.5 發送命令 4.6 進一步探索 …… 第5章 用Johnny-Five控制六足機器人 第6章 構建語音控制的NodeBots 第7章 室內日晷 第8章 萬聖節惡搞燈光秀 第9章 CheerfulJ5 第10章 使用Beagle

Bone Black的互動式RGB LED顯示幕 第11章 物理安全、JavaScript和你 第12章 人工智慧：蝙蝠機器人 第13章 三角洲機器人和運動學 第14章 喵喵鞋 附錄A 我喜歡程式設計和製作。當我發現Chris Will-iams的node-serialport模組（用於Node.js）時，我記得我在想：“現在我可以對我製作的東西進行程式設計了。”所以我做到 了！我貢獻了一個Arduino程式，它將光敏電阻感測器值列印到開放的串口和一個小的JavaScript處理常式，該程式監聽資料並向終端列印“圖 形”。幾個月後，我開始投身Cam Pedersen的du

ino項目，直到Julian Gaultier就他對Firmata協議的JavaScript實現向我求助。從那時起，我們開始構建一個高級零件類集合，目標是：讓使用 JavaScript控制硬體變得簡單而有趣。 本書將向你展示我們構建的內容以及如何使用它來編寫你所製作的東西。 雖然設計硬體專案的物理挑戰與用任何其他語言程式設計的專案相同，但本書將以直觀設計的介面形式，展示根據維護狀態和提供控制行為的物件來思考硬體的方法。 那麼，如何口頭描述將LED添加到項目然後再打開？你可能會說：“將LED連接到地和引腳9，然後將其打開。”使用Johnny-Five框架，可將其寫為： 如何連接伺服體然後將

喇叭設置為特定角度（以度為單位）？“將伺服連接到引腳10並將其喇叭定位到110°。”如以下代碼所示： 這 些示例都解釋了輸出，但是輸入呢？考慮一下Arduino程式是如何工作的：它們通常依賴於程式迴圈，並且在讀取和處理輸入時經常會引入某種形式的延遲。 這意味著你的Arduino程式在等待輸入時會被阻止。在JavaScript中編寫程式時，永遠不會阻止該過程。事實上，你的處理常式等待資料到達並異 步處理Arduino程式： 這些都是微不足道的示例，但它們說明了你將在本書中反復重複的模式。 每個專案都將向你展示如何在物理意義上構建它，然後在抽象程式設計意義上構建它，後者將與前者同步。 有了這些

概念，你將構建和程式設計： 步行機器人、打字機器人、節點船和PiDuino5移動機器人平臺（第1章至第4章） 六足機器人（第5章） 聲控繼電器控制（第6章） 室內日晷（第7章） 萬聖節惡搞燈光秀、桌面心情燈或照明裝置（第8章至第10章） 安全和通知系統（第11章） 蝙蝠機器人（第12章） 三角洲機器人（第13章） 喵喵鞋（第14章） 對我來說，本書最令人興奮的部分是作者本人。這個小組是NodeBots社區成員的絕佳代表，從一開始就脫穎而出。他們不僅僅是作家或工程師，他們還是教師、傳播者、領導者，在我看來他們是英雄。毫不誇張地講，如果沒有他們我就不可能完成本書。 讓我們少一些言語，多一些實踐。

不必按任何特定順序完成這些專案，請查看目錄，找到一個看起來很有趣的專案，然後開始構建！ 排版約定 本書使用以下印刷約定： 斜體 表示URL、電子郵寄地址。 等寬字體 用於程式清單。 等寬粗體 顯示應由使用者按字面輸入的命令或其他文本。 此圖示表示提示、建議或一般說明。 此圖示表示警告或注意。 每章中的零件號使用以下縮寫： MS: Maker Shed（http://makershed.com） AZ: Amazon（http://amazon.com） AF: Adafruit（http://adafruit.com） SF: SparkFun加代碼Xii 1（http://sparkfun

.com） 使用代碼示例 本 書可以幫助你完成工作。通常，你可以在程式和文檔中使用本書中的代碼。 除非你複製了大部分代碼，否則無須與我們聯繫以獲得許可。例如，使用本書中的多個代碼塊編寫程式不需要獲得許可。銷售或分發Make：系列圖書中的示例 CD-ROM需要獲得許可。通過引用本書和引用示例代碼來回答問題不需要獲得許可。將本書中的大量示例代碼合併到產品文檔中需要獲得許可。 我們 感謝但不要求你列出引用出處。出處資訊通常包括標題、作者、出版商和ISBN。例如：“Make: JavaScript Robotics 由Jonathan Beri、 Donovan Buck、 Julian David

Duque、 Andrew Fisher、 Lyza Danger Gardner、 Anna Gerber、 Sara Gorecki、 Susan Hinton、 Bryan Hughes、 Kassandra Perch、 David Resseguie、 Emily Rose、 Pawl Szymczykowski、 Raquel Velez以及Rick Waldron (Maker Media)撰寫。版權歸Backstop Media所有, ISBN978-1-4571-86950。” 如果你認為你對代碼示例的使用超出了許可範圍，請隨時通過bookpermissions@maker

media.com與我們聯繫。 Safari線上電子書 Safari Books Online是一個按需數位圖書館，以書籍和視頻形式提供來自世界領先的技術和商業作者的專業內容。 技術專業人員、軟體發展人員、網頁設計人員以及商業和創意專業人員可以使用Safari Books Online作為研究、解決問題、學習和認證培訓的主要資源。 Safari Books Online為企業、政府、教育和個人提供一系列計畫和優惠的價格。 會 員可以在一個完全可搜索的資料庫中訪問數千本書籍、培訓視頻和預發佈稿件，資料庫來自O’Reilly Media、Prentice Hall Professional、

Addison-Wesley Professional、Microsoft Press、Sams、Que、Peachpit Press、Focal Press、Cisco Press、John Wiley&Sons、Syngress、Morgan Kaufmann、IBM Redbooks、Packt、Adobe Press、FT Press、Apress、Manning、New Riders、McGraw-Hill、Jones&Bartlett、Course Technology，等等。有關Safari Books Online的更多資訊，請線上訪問我們。 本書中所有示例的原始程式碼都可以

在以下網址找到：https://github.com/rwaldron/javascript-robotics。 如果你認為你對代碼示例的使用不合理或超出上述許可，請隨時與我們聯繫[email protected]。 致謝 Julián Duque NodeBots 就是在學習的同時享受樂趣，對我而言，這是一種實現社會影響的方式。一切都始於2013年的NodeConf，這是我第一次在由Rick Waldron和Raquel Velez指導的NodeBots研討會上使用Johnny-Five。我的第一次嘗試是用壓電蜂鳴器，但當時圖書館不支持Piezo課程，所以我向 Rick請教如何

使用它，Rick對我說：“我無法使其工作，自學怎麼樣？”從此，我開始致力於完成這個項目。另外，Raquel給了我第一個 Arduino套件作為禮物並告訴我：“帶上這個套件，實踐你在哥倫比亞學到的東西。”這件小事振奮人心，我在哥倫比亞的Medellín開始了我的 NodeBots篇章。我還通過研討會和談話的方式，在烏拉圭、瓜地馬拉和墨西哥幫助建立社區。我非常感謝Rick和Raquel，是他們鼓舞我並讓我成 為這場創客革命的一部分。

手機safari打不開網頁進入發燒排行的影片

跨裝置響應式網站設計之評估與開發

為了解決手機safari打不開網頁的問題，作者林宛青 這樣論述：

隨著無線通訊蓬勃發展，行動裝置普及，民眾上網習慣改變，越來越來民眾使用行動裝置瀏覽網站，有些網站無法跨裝置瀏覽，網站開發人員可能需要針對不同裝置開發不同版本的網站，面臨開發和維護成本提高及開發時程延長的困境；使用者則在操作時，需要重複拖拉、放大縮小或是有些功能無法運作，造成使用者體驗差，嚴重的話可能會放棄使用。為了提高使用者體驗，網站開發者應該解決上面提到的問題。然而網站技術持續演進，市面上前端開發工具不斷地推陳出新，本研究針對是否開發專屬APP或是直接優化PC版網站成行動版，分析其開發方式、優缺點及行動裝置設計考量。本研究採用「響應式網頁技術」開發網站模板，以及套用「交大資管所網站」資料。

由於行動用戶眾多，考慮其使用體驗及建議。結果顯示，此網站完整呈現在桌上型電腦、筆記型電腦、平板電腦及手機，達到跨裝置、跨平台及One Web One URL (單一網站單一網址)的目標，且皆有友善的使用體驗。本研究結論為未來網站開發需要加入UX研究，讓使用者參與整個開發過程，如此網站才能提高使用者的滿意度。

UI設計從零蛻變：UI、UE與動效設計全解密

為了解決手機safari打不開網頁的問題，作者顧領中 這樣論述：

通過精選案例引導讀者深入學習，系統地介紹了UI設計的相關知識和應用方法。 　　 全書分為7篇，共26章。1篇為HelloUI篇，主要介紹UI基礎知識和UI設計師的自我修養。第2篇為設計之道，主要介紹設計中的點、線、面、色彩的表達藝術等內容。第3篇為圖示設計，主要介紹PS圖示設計技巧、iOS圖示、生活類、視聽類、攝影類、質感類和Dribbble風格的APP圖示設計。第4篇為Sketch介面設計，主要介紹Sketch的系統知識、簡單的時鐘案例、MBE風格、網易雲音樂實戰等內容。第5篇為AE動效設計，主要介紹動效設計基礎原則、天氣類、音樂播放機、健身行車類、註冊介面、計時類、支付類等APP動效設計。

第6篇為高手秘笈，主要介紹UI設計師的求職秘笈和UI設計的外包單報價秘笈等。第7篇，主要介紹專案實戰內容。 　　 本書不僅適合UI設計初級、中級用戶學習，也可以作為各類院校相關專業學生和UI設計培訓班學員的教材或輔導用書。 顧領中，任職“C課堂”教育總監一職，從事IT培訓，2014年入駐網易雲課堂、教育、百度傳課，2015年創辦“C課堂”，同年入駐騰訊課堂、meia、優酷課堂。主要設計包括：PS,店鋪裝修,平面設計，網頁設計，家裝設計，影視後期，包裝設計，VI設計，logo設計，設計理論等。 第1篇HelloUI 第1章初識UI設計 1.1UI行業前景分

析 1.1.1UI設計師到底做些什麼 1.1.2為何UI設計行業門檻越來越高 1.1.3UI行業發展前景 1.2開發流程—App誕生記 1.3UI設計師的工作內容 1.4各類設計的常用軟體 第2章UI設計師的自我修養 2.1認識UE設計 2.2五大設計原則 2.3讓用戶擁有自主控制權 2.4狀態跟蹤 2.5設計規範 2.6簡化元素 2.7面試技巧 第2篇設計之道 第3章設計中的點、線、面 3.1平面構成中的“點”究竟是怎樣的 3.2很多時候吸引眼球就靠“點” 3.3從蘋果公司廣告片分析“點”的氣質 3.4再簡單也可以做創意 3.5點的固位性與凝聚性 3.6點元素在後期印刷中的作用 3.7平面

構成中線的“特質” 3.8線元素的應用 3.9對線元素進行破壞組合 3.10利用線元素的延伸豐富結構 3.11平面構成中“面”的類型 3.12面的情感與表現力 第4章色彩的表達藝術 4.1色彩的三大屬性 4.2夠出彩才夠出色 4.3色彩數量 4.4色彩重量 4.5色彩群組 4.6色彩的可視性 第3篇圖示設計 第5章PS圖示設計小技巧 5.1動作的使用 5.2繪製輔助線的技巧 5.3圖元對齊的重要性 5.4布耳運算 5.4.1初識布耳運算 5.4.2通過布耳運算設計E-mail圖示 5.4.3通過布耳運算設計Camera圖示 第6章iOS全系列圖示 6.1我的第一個iOS圖示—FaceTime

6.2注意字體的使用—日曆 6.3炫彩圖示—照片 6.4輕質感圖示—相機 6.5換種思路做設計—天氣 6.6早起早睡必備—鬧鐘 6.7再也不擔心走丟了—地圖 6.8喜歡看什麼都行—視頻 6.9畫畫、記事、拍照—備忘錄 6.10你身邊的小秘書—提醒事項 6.11曲曲折折疏疏密密—股市 6.12我的遊戲中心—GameCenter 6.13醫生時刻在你身邊—健康 6.14看似複雜，實則簡單—iTunesStore 6.15耐心、細節、化簡—AppStore 6.16其實真的很簡單—設置 6.17常聯繫、別忘記—資訊 6.18還是有些小技巧的—郵件 6.19超贊流覽器—Safari 6.20靜靜地聽

會Music—音樂 6.21團隊需要協同工作—命名規範 6.22規範文檔—成品展示 第7章生活必備的App 7.1朋友圈就是全世界—微信 7.2陪你到永遠—QQ 7.3每天刷夠100遍—微博 7.4不止一面，大有看頭—QQ流覽器 7.5方便每一個人的出行—滴滴出行 7.6吃遍所有，買夠一條街—餓了麼 第8章視聽類App設計 8.1悅享品質的視頻App—愛奇藝 8.1.1悅享品質的視頻App—愛奇藝01 8.1.2悅享品質的視頻App—愛奇藝02 8.2不負好時光—騰訊視頻 8.3音樂總有新玩法—酷狗 8.4金曲撈—QQ音樂 8.5這世界很酷—優酷 8.6量身定做的音樂播放機—網易雲音樂 第9章

攝影類App圖示設計 9.1瞬間提高顏值—美顏相機 9.2我就是喜歡秀—美圖秀秀 9.3越親密越有趣—激萌 第10章質感類圖示設計 10.1巧用漸變色—電梯按鈕 10.2“圖層樣式”使用技巧—電話 10.3漸變疊加與形狀合併—郵件 10.4超酷炫的安全App—密碼鎖 第11章Dribbble設計風格 11.1Dribbble餐飲風格—啤酒 11.1.1Dribbble餐飲風格—啤酒01 11.1.2Dribbble餐飲風格—啤酒02 11.2Dribbble餐具風格—烤箱 11.2.1Dribbble餐具風格—烤箱01 11.2.2Dribbble餐具風格—烤箱02 11.3Dribbble餐

具風格—煎烤 11.3.1Dribbble餐具風格—煎烤01 11.3.2Dribbble餐具風格—煎烤02 11.4Dribbble閱讀風格—書籍 11.4.1Dribbble閱讀風格—書籍01 11.4.2Dribbble閱讀風格—書籍02 11.5Dribbble美食風格—披薩 11.5.1Dribbble美食風格—披薩01 11.5.2Dribbble美食風格—披薩02 第4篇Sketch介面設計 第12章Sketch系統知識介紹 12.1Sketch介面初識 12.2布耳運算、編組、對齊與分佈 12.3變換、混合模式、投影、內陰影、輸出 12.4圖元對齊、蒙版、創建輪廓、歷史記錄

12.5旋轉複製的技巧 12.6非規則形狀調整 12.7快速製作手機App的神奇秘密—Craft 12.8B站介面案例實戰 12.9超級方便的標注外掛程式—SketchMeasure 12.10更加高效的設計—複用樣式 12.11快速修改設計風格——更改複用樣式 12.12嫌編組太麻煩怎麼辦——創建並編輯複用樣式 12.13靈活修改tabbar 12.14物理解析度與邏輯解析度 12.15一起打包——多對象的命名與輸出 12.16千萬不要犯迷糊—路徑詳解 12.17點陣圖的相關編輯技巧 12.18文字的編輯技巧 第13章簡單的時鐘案例 13.1基礎規範 13.2布耳運算 13.3細節修飾 13

.4路徑與複用樣式 13.5製作錶盤刻度 13.6對齊與分佈的相關技巧 13.7套用iOS10UIkit 第14章漂亮的MBE風格 14.1風格介紹與應用 14.2虛線條的製作方法 14.3蒙版多層嵌套關係 14.4通過常用工具快速修飾細節 14.5臉部細節描繪 14.6繪製表情 14.7繪製身體 14.8繪製頭髮 第15章網易雲音樂專案實戰 15.1App介面的設計規範與顏色標注 15.2頁面的製作過程 15.3巡覽列與狀態列的製作 15.4下方標籤欄細節調整 15.5頂部標籤欄的設計 15.6製作“私人FM”“每日歌曲推薦”“雲音樂熱歌榜”等部分 15.7設置封面圖片 15.8Craft該

用就用 15.9網易雲音樂LOGO繪製 15.10快速製作icon 15.11複用樣式 15.12資源匯出 第5篇AE動效設計 第16章AE動效設計基本原則 16.1先混個臉熟—認識AE介面 16.2旋轉跳躍我不停歇—基本動畫屬性 16.3就是不走尋常路—緩動 16.4你怎樣我就怎樣—繼承關係 16.5物件關係和層次結構—偏移與延遲 16.6用好路徑是關鍵—變形 16.7遮遮掩掩的藝術—遮罩 16.8還有更多不錯的選擇—描邊動畫 16.9既高清又容量小的秘密—渲染 16.10那些不安分的參數—數值變化 16.11看看有什麼藏著掖著的—覆蓋 16.12簡單的融合動畫—克隆 16.13實實虛虛、

主次分明—蒙層 16.14操作中的回饋—視差 16.15連續感和位置感—緯度 16.16開機動畫怎樣看起來更酷—移動和縮放 第17章天氣類App動效實戰 17.1AE軟體強大的繪製功能—介面繪製 17.2AE軟體中的圖形組合技巧—布耳運算 17.3使用運算式實現迴圈播放—loopout運算式 17.4有節奏地搖頭晃腦—wiggle運算式 17.5設計動畫的片頭—出場動畫 17.6設置柔和曲線—整體調整 第18章音樂播放機App動效實戰 18.1結合外部素材圖片—基本設置 18.23D切換動畫—基本3D 18.3添加時間變化特效—編號 18.4軌道蒙版遮罩組合技巧—效果整合 第19章健身行車類A

pp動效實戰 19.1命名是好的工作習慣—基礎介面繪製 19.2結合AI完成高難度設計—錶盤繪製 19.3分析製作的思路—原理講解 19.4來點有彈性的感覺—基本形動畫 19.5就是要變變變—數值變化 19.6雙重嵌套的奧秘—軌道蒙版 19.7超酷的線條動畫外掛程式—3DStroke 19.8動感線條的設計細節—光線效果 第20章註冊介面動效 20.1規範設計標準—介面製作 20.2豐富設計場景—介面設計 20.3模擬手指觸控效果—觸感動畫 20.4再複雜也難不住我—資訊交互 20.5調整畫面的緩動—文字緩動 第21章計時類App動效設計 21.1對齊與分佈技巧—滾屏效果 21.2一黑一白製作

景深—球面化效果 21.3形狀層動畫效果—開關按鈕 21.4不放過每一個瑕疵—整體效果 第22章支付類App動效設計 22.1繪製輪廓—信用卡icon 22.2開始便已結束—載入效果動畫 22.3圖形變化效果—遮罩與轉場 22.4精緻的小按鈕動畫—按鈕確定 22.5無縫對接效果—資訊輸入框 22.6不透明度隨機變化—遊標動畫 22.7巧妙使用遮罩—打字機動畫 22.8鍵入文字提示效果—鍵盤效果 第6篇高手秘笈 第23章UI設計師求職秘笈 23.1瞭解公司 23.2面試技巧 23.3簡歷製作 23.4專案資料準備 第24章UI設計的外包單報價秘笈 24.1UI設計師的接單管道 24.2UI設計

師的外包報價  

使用HTML5實作跨平台口碑系統-以RWD整合為基礎設計

為了解決手機safari打不開網頁的問題，作者賴家駿 這樣論述：

透過使用行動裝置上網的使用者數量，以難以想像的速度暴增，而且使用者使用上網的工具越來越多元，如IE、Chrome、Firefox、Safari、Opera 五大瀏覽器，但因各家網頁解析 HTML5 還是有些許的差異，此外也有行動裝置瀏覽網頁方便性與安全性問題，因此，全球資訊網協會（W3C）在2014年10月完成 HTML5 標準制定。大多行動裝置如智慧型手機、平板或傳統的電腦螢幕等，因解析度不同與螢幕大小也有很大的差異，但是大多數的網站並未針對行動裝置進行最佳化，開發人員必須針對行動裝置螢幕上的內容另行編排。因此有了回應式設計(Responsive Web Design, RWD)的發想。本

研究將以使用HTML5實作跨平台口碑系統以RWD整合為基礎設計網站為例，進行使用者互動之研究。研究流程主要以理論發展、系統分析、系統設計、系統實作、系統測試、系統驗證、研究結論七大步驟。在文獻中討論，理論發展、現有系統分析。系統實作上以google(2014)行動網站的設計原則當標準制定開發系統。並利用文獻定義出使用者使用系統情境設計系統功能，再用使用者系統互動滿意問卷受測系統，是否在不同螢幕大小的裝置瀏覽網頁時，能達到互動滿意度無明顯差異的目的。最後再使用工具檢測系統效能是否有到建議的速度，並且不同裝置瀏覽網頁時，排版、字型大小、圖片大小等使用者體驗是否有到建議的分數。