我有我的HTML頁面本地存儲在我的Mac上。我已經購買了域名和託管服務。有一種方法可以測試這些本地網頁,以便我可以看到它們在不同設備上的渲染效果如何?我聽說過本地服務器用於測試或通過連接到PC的USB使用設備。沒有更加標準和統一的方法來測試它們嗎?它可以是一切(軟件,在線服務......)我對模擬器/模擬器不感興趣。如何測試我本地存儲的網頁?
0
A
回答
0
創建本地服務器:Node.js和受BrowserSync
我發現一個很簡單的方法來測試網頁(對我來說,HTML5頁)中保存的電腦內存中,這樣我們就可以直接對其進行測試到所有可用的不同設備中,而無需使用仿真器/仿真器。 解決方案是使用兩個完全免費的工具創建本地服務器:Node.js和BrowserSync。在寫這個答案之前,我自己嘗試了這個解決方案,我對結果完全滿意!你可以在JavaScript Kit找到這個答案的來源。
在這裏,你是主要步驟:
- 安裝Node.js(驗證是否Node.js的正確與來自終端的命令
node- v
安裝); - 直接從終端安裝BrowserSync使用
npm install -g browser-sync
。小心你需要根權限(我簡單地用sudo npm install -g browser-sync
); 運行BrowserSync:
- 導航到你的目標目錄(其中包含用於創建網站靜態文件的一個,這就是HTML(和CSS)文件)使用命令行(使一個例子,它可能是
cd folderA/folderB
); - 在該目錄內創建一個本地服務器,其中
browser-sync start --server
。
- 導航到你的目標目錄(其中包含用於創建網站靜態文件的一個,這就是HTML(和CSS)文件)使用命令行(使一個例子,它可能是
這些是主要的步驟,但您可以直接讀取我之前鏈接一些線路下載源代碼的解決方案。
0
如果只有HTML和/或Javascript代碼:
- 打開它與你的瀏覽器,這將是足夠的
如果你有PHP代碼:
- 安裝本地網絡服務器(例如:Apache)
如果你有MySQL代碼:
- 安裝MySQL服務器
通常情況下,安裝MAMP(或爲Android/iOS版的當量)就足以做到每一個基本的東西。它會爲你提供SQL和PHP服務器 希望它對你有所幫助
相關問題
- 1. 本地機器上的網頁測試
- 2. 我如何保存在本地存儲
- 3. 如何在本地測試Azure存儲文件服務和Google存儲?
- 4. 如何在本地測試我新開發的移動網站
- 5. 如何在我單獨的網頁上訪問chrome本地存儲數據?
- 6. 如何測試我的本地頁面以Googlebot抓取
- 7. 我如何「本地」存儲R中的六角網格?
- 8. 我如何保存和如何可以存儲在鉻本地存儲陣列相關的鉻本地存儲
- 9. 如何測試Greasemonkey腳本,特別是在網頁的本地副本上?
- 10. 測試本地化網站
- 11. 如何讓主存儲庫存儲在本地網絡上?
- 12. 我們如何從網頁中清除瀏覽器本地存儲
- 13. jQuery本地網絡存儲
- 14. 如何顯示存儲在本地存儲在我的表
- 15. 我如何在不同的網頁瀏覽器中測試我的網頁
- 16. 我如何測試我的網頁的性能
- 17. 在本地網絡上測試網站
- 18. 我如何存儲和從本地存儲
- 19. 我如何存儲和從本地存儲
- 20. 如何存儲id本地存儲每次我點擊按鈕
- 21. 在HTML5本地存儲中保存CSS網頁字體
- 22. Oauth - 如何測試當地的網址?
- 23. 水豚:測試時餅乾,本地存儲,和sessionStorage的禁用
- 24. 對本地存儲的IE9測試版支持
- 25. 如何在驗收測試中存儲/處理django異常網頁
- 26. TheIntern功能測試:我如何測試我自己的網站?
- 27. 本地存儲網頁數據的不同方式
- 28. 頁面之間的HTML5本地存儲
- 29. 兩頁之間的Html5本地存儲
- 30. 我如何調用從本地存儲CSS和JS鏈接的網頁視圖頁
有太多的變量涉及到,使你的問題遠遠超出客觀的答案。可以運行php,mysql,asp,sql server,以及可以聯機的無法種類的功能。所以,如果你沒有指定你正在構建的網站,那麼不要期望有用的答案。嘗試分階段提問。最好。 – statosdotcom
@statosdotcom我正在建立一個個人網站。我編寫自己的HTML5頁面,本地存儲在我的Mac中。舉一個例子,我聽說Safari + iOS提供的WebInspector,但是這不能將網頁的顯示從PC「傳輸」到智能手機,而僅僅是爲了調試頁面本身。 –
事情開始清楚,現在我們知道你有html5頁面,很好。要在智能手機上首次瀏覽您的網頁,您只需將文件和文件夾複製到手機並使用瀏覽器打開即可。但這樣你只能讓你的頁面在一個手機,一個或兩個瀏覽器上運行。您將不得不搜索更多關於在很多設備上進行測試的信息。同時,您可以依賴www標準和規範(搜索w3.org - 那裏有html和css驗證器),以確保您正在實施良好實踐。沒有人在所有設備上看到自己的頁面,他們是如何做的?你做同樣的事。 – statosdotcom