天津建設網站:在iPad如何調試網站

數十億美元的手機用戶現在,建設網站,可以在移動設備上是必不可少的。 幸運的是,我們有很多工具和選項 在移動平臺上調試網站 。

如果您正在開發只在macOS和iOS環境,你可能不需要的第三方工具。 蘋果已經為這項工作提供了一組工具。

在這篇文章中,我們天津建設網站將向您展示如何使用它們 訪問和調試靜態網站 以及 WordPress的網站 iPhone和iPad的iOS。

閑話少說,我們開始吧。

推薦閱讀: 移動模擬在Google Chrome

開始

首先,發射 Safari 并使開發人員工具通過 Safari >首選項 . 在 先進的 選項卡,勾選 在菜單欄顯示開發菜單 選擇。

天津建設網站 

一個新菜單叫 開發 將出現在Safari菜單欄。

 

然后,在你的iPad或iPhone,去 設置>旅行 . 同樣,在 先進的 菜單,使 網絡督察 ,就像這樣。

 

WordPress-based網站

天津建設網站需要一個相對路徑的CSS,圖像,和JavaScript鏈接是正確地加載在iPad或iPhone。 如果您正在開發WordPress-based網站,所有資產路徑是絕對的。 讓他們一個相對路徑,安裝和激活這個插件: 相對URL 。

一旦激活,url的路徑將:

1

http://localhost: 8888 / wordpress

…變成像你見下:

1

wordpress /

調試網站

首先,您需要知道您的網絡IP地址號碼。 去 系統首選項>網絡 . 在那里,你會發現IP地址。 同時,確保你的蘋果設備- Mac, iPad, iPhone——連接在同一個無線網絡,這樣你就可以訪問這個網站在iPad或iPhone上。

 

在你的iPad或iPhone,啟動Safari瀏覽器應用程序和訪問 localhost: 8888 您的web項目目錄——例如緊隨其后 localhost: 8888 / wordpress . 如果你設置你的本地服務器使用MAMP, localhost: 8888 應該是你默認本地服務器地址。

正如你所看到的,我們把我們的網站,在這種情況下WordPress-based,在iPad上。

 

此外,能夠調試開發工具的網站,你需要 把你的iPad或iPhone使用USB Mac . 然后,去旅行 開發 菜單,并選擇您的連接設備。

 

做完了。

在以下截圖,我們選擇 DOM樹 從開發工具中,您可以看到各自元素的iPad或iPhone突出顯示。 技術現在可以調試你的網站在iPad或iPhone,像你一樣在你的桌面。

天津建設網站 

 


Focus on the strength of the pithy專注極簡的力量

PITHY CONTACT

一家沒有銷售的天津網站建設公司
我們特立獨行

img/mail.png聯系我們

PITHY CALL

如果您對我們的服務有什么疑問
歡迎來電咨詢

電話
0574-25583731 工作時間:9:00?17:00
img/top.svg
網站聲明 | 隱私政策 © 2018 MFweb. All rights reserved. Designed by天津網站制作天津網站建設天津網站建設公司
聯系電話 400-6065-301

微信咨詢 寒總監

投訴

三级黄色电影