2013-05-26 44 views
0

我知道有一些很棒的網站可以幫助我們測試不同分辨率的網站,我最喜歡的網站是quirktools.com如何測試我的網站在手機上的外觀,離線

但是,問題是 - 我正在使用的網站尚未聯機。我現在正在使用localhost。不過,我真的需要檢查它在不同分辨率上線前的外觀。

那麼,有沒有任何桌面應用程序與localhost一起工作,並幫助我實現這一目標?

我試過google sever時間,但找不到任何東西。

請告訴我,如果你知道。

在此先感謝。

編輯: PS:我正在使用ASP.NET MVC。

+3

如果您的智能手機在您的局域網上,只需瀏覽到'http:// ip-of-computer /'? –

+0

假設你自己有一個電話,並假設當你引用localhost時,你的意思是你有一個本地服務器,那麼你可以改變你的apache配置,以允許其他本地設備訪問你的網站。從那裏只需使用您的手機使用本地IP地址訪問您的本地服務器。 – happy

+0

這是可能的,如果我的iPhone只是連接到它的電話線?我只是試過,並沒有打開頁面。我想我需要一些配置,對吧? – Ilham

回答

0

既然你說你正在使用localhost,我猜你正在使用xampp,wamp或類似的東西。所有你需要做的是拉起終端(* nix)/命令提示符(Windows),ifconfig(* nix)/ ipconfig(windows),獲取IP地址,並將其放入手機瀏覽器中。

0

不知道它的存在,當有人問,但現在Chrome支持Device模式。查看更多在這裏:

要使用它:

  • 切換開發人員工具(按Ctrl + +
  • 切換設備模式( Ctrl + + 中號

它看起來是這樣的:

enter image description here

檢查上面的鏈接,提供了關於如何使用和什麼所有的選擇意味着更多的信息。我發現它優於原因有兩個做開發時,使用快速測試物理設備:

  • 這是明顯快於這些,然後切換到重新加載手機/平板電腦
  • 您可以測試多臺設備,甚至你沒有的

顯然,它不是完美的,只是一個模擬器。檢查上述鏈接的限制部分。當您接近上線日期時,應該對真實硬件進行測試。