2016-05-25 15 views
0

我有我的HTML頁面本地存儲在我的Mac上。我已經購買了域名和託管服務。有一種方法可以測試這些本地網頁,以便我可以看到它們在不同設備上的渲染效果如何?我聽說過本地服務器用於測試或通過連接到PC的USB使用設備。沒有更加標準和統一的方法來測試它們嗎?它可以是一切(軟件,在線服務......)我對模擬器/模擬器不感興趣。如何測試我本地存儲的網頁?

+2

有太多的變量涉及到,使你的問題遠遠超出客觀的答案。可以運行php,mysql,asp,sql server,以及可以聯機的無法種類的功能。所以,如果你沒有指定你正在構建的網站,那麼不要期望有用的答案。嘗試分階段提問。最好。 – statosdotcom

+0

@statosdotcom我正在建立一個個人網站。我編寫自己的HTML5頁面,本地存儲在我的Mac中。舉一個例子,我聽說Safari + iOS提供的WebInspector,但是這不能將網頁的顯示從PC「傳輸」到智能手機,而僅僅是爲了調試頁面本身。 –

+2

事情開始清楚,現在我們知道你有html5頁面,很好。要在智能手機上首次瀏覽您的網頁,您只需將文件和文件夾複製到手機並使用瀏覽器打開即可。但這樣你只能讓你的頁面在一個手機,一個或兩個瀏覽器上運行。您將不得不搜索更多關於在很多設備上進行測試的信息。同時,您可以依賴www標準和規範(搜索w3.org - 那裏有html和css驗證器),以確保您正在實施良好實踐。沒有人在所有設備上看到自己的頁面,他們是如何做的?你做同樣的事。 – statosdotcom

回答

0

創建本地服務器:Node.js和受BrowserSync

我發現一個很簡單的方法來測試網頁(對我來說,HTML5頁)中保存的電腦內存中,這樣我們就可以直接對其進行測試到所有可用的不同設備中,而無需使用仿真器/仿真器。 解決方案是使用兩個完全免費的工具創建本地服務器Node.jsBrowserSync。在寫這個答案之前,我自己嘗試了這個解決方案,我對結果完全滿意!你可以在JavaScript Kit找到這個答案的來源。

在這裏,你是主要步驟:

  1. 安裝Node.js(驗證是否Node.js的正確與來自終端的命令node- v安裝);
  2. 直接從終端安裝BrowserSync使用npm install -g browser-sync。小心你需要根權限(我簡單地用sudo npm install -g browser-sync);
  3. 運行BrowserSync:

    • 導航到你的目標目錄(其中包含用於創建網站靜態文件的一個,這就是HTML(和CSS)文件)使用命令行(使一個例子,它可能是cd folderA/folderB);
    • 在該目錄內創建一個本地服務器,其中browser-sync start --server

這些是主要的步驟,但您可以直接讀取我之前鏈接一些線路下載源代碼的解決方案。

0

如果只有HTML和/或Javascript代碼:

  • 打開它與你的瀏覽器,這將是足夠的

如果你有PHP代碼:

  • 安裝本地網絡服務器(例如:Apache)

如果你有MySQL代碼:

  • 安裝MySQL服務器

通常情況下,安裝MAMP(或爲Android/iOS版的當量)就足以做到每一個基本的東西。它會爲你提供SQL和PHP服務器 希望它對你有所幫助

相關問題