2012-05-16 80 views
7

我製作了一個在我的電腦上正常工作的網站(通過所有現代瀏覽器)。有人報告說它不適用於Safari移動。我如何在Safari移動中檢查我的網站工作?

我試圖從Safari瀏覽器看到這使得我看起來像我想要的一樣。

我已經看過他們的屏幕截圖,並且覺得我的用戶界面出了問題。有人可以知道我如何從我的電腦(窗口)檢查外觀。

我如何從我的電腦上測試我的網站Safari移動版。

回答

0

檢查了這一點:http://webtide.wordpress.com/2009/09/14/how-to-test-websites-for-mobile-devices/

你將需要:

Safari瀏覽器測試爲iPhone/iPod Touch的:

打開Safari和去首選項(編輯 - >首選項)。
在高級選項卡下,確保選中「在菜單欄中顯示顯示菜單」。 在菜單中點擊Develop-> User Agent-> Mobile Safari 3.0瀏覽到 您的網站並開始測試!

+0

2-3年前寫的文章。他們對這個帖子是否有更新? – user1377045

2

點擊頂部菜單上的「開發」,然後點擊「用戶代理」並選擇您的設備...並導航到您的網站。

+3

此答案在所有情況下都不起作用。我目前有一個這樣的例子要解決。 – nrod

+1

這只是使頁面變小,但它不能像Chrome一樣啓用觸摸模擬。我們如何模仿觸摸(沒有鼠標指針)? – trusktr

1

Chrome Developer Tools有設備仿真。

+3

Chrome開發工具無法正確模擬Safari瀏覽器的行爲。我已經測試了幾頁,並且它們在Chrome Dev Tools(例如模擬iPhone 5)中看起來很完美,但在iPhones/iPad/Mac上看起來很難看。 –

+1

它模擬屏幕大小,而不是操作系統。 – neuronet

2

您實際上可以在您的計算機中下載並安裝Safari,然後使用所有適用於手機的Safari瀏覽器版本檢查您的網站。在菜單欄中選擇首選項 - >高級 - >顯示開發者菜單。

最後,右鍵單擊您的網站,然後用戶代理 - >然後選擇您想要的Safari瀏覽器版本。 Check this link for further information