Skip to content
WONGCW 網誌
  • 首頁
  • 論壇
  • 微博
  • 壁紙下載
  • 免費圖床
  • 視頻下載
  • 聊天室
  • SEO工具
  • 支援中心
  • 表格製作
  • More
    • 在線名片
    • 網頁搜索
    • 天氣預報
    • 二維碼生成器
  • Search Icon

WONGCW 網誌

記錄生活經驗與點滴

Xcode9內建iPhone X模擬器,免換新手機就能測試網頁在新版iPhone X的畫面

Xcode9內建iPhone X模擬器,免換新手機就能測試網頁在新版iPhone X的畫面

2018-10-30 Comments 0 Comment
梅問題-Xcdoe9內建iPhone X模擬器,免換新手機就能測試網頁在新版iPhone X的畫面

最近這幾天的話題,就是到底要換iPhone8還是iPhone X,沒預算考量當然是選iPhone X,而新款的iPhone X價格,足已買一台筆電,真的挺不便宜,但那無邊框的螢幕還真的是很漂亮,也因為如此,讓iPhone X與以往的iPhone有了些許的不同,本來以為,iPhone X頂多只是螢幕解析變更高,但可視區並沒有加大,所以在設計網頁上,應該沒什麼太大的問題,但最近這一、二天梅干在Twitter上,看到許多網友在討論iPhone X瀏覽網頁時,所會遇到的問題。

為何iPhone X在瀏覽網頁時會出現問題,最主要的原因在於,此次的iPhone X採無邊框設計,因此左右下沒什麼問題,問題出在上方,由於上方為了放置一些硬體裝置,像是鏡頭、耳機孔,因此上方就會出現一個突起的黑色色塊,所以當全版顯示網頁時,就會造成問題,本來想說,工作用還花還是得花,就在準備小朋友的時候,突然讓梅干想到,以前在寫Xcode時,內建就有iPhone模擬器,於是就到Apple Store中下載Xcode才發現到,目前的Apple Store中的Xcode只有8.3.3版,但是需要Xcode9才有內建iPhone X模擬器,於是梅干就到先前註冊的開發者帳號中看看,沒想到梅干已沒再繳費,竟然還可以提前下載Xcode9,就這樣梅干就省下了四萬塊啦!因此不想花錢買iPhone X的朋友,不妨可透過Xcode來測試你的網頁喔!


Step1
當下載完畢後,開啟Xcode接著選擇 Xcode / Open Developer Tool / Simulator。
梅問題-Xcdoe9內建iPhone X模擬器,免換新手機就能測試網頁在新版iPhone X的畫面


Step2
這時就會看到一隻iPhone手機,接著再從 Hardare / Device / iOS11.0 中,選擇手機的型號,當然就是要最新的啦!Phone X。
梅問題-Xcdoe9內建iPhone X模擬器,免換新手機就能測試網頁在新版iPhone X的畫面


Step3
接著再點下方的Safarie瀏覽器圖示。
梅問題-Xcdoe9內建iPhone X模擬器,免換新手機就能測試網頁在新版iPhone X的畫面


Step4
再上方輸入要測試的網址。
梅問題-Xcdoe9內建iPhone X模擬器,免換新手機就能測試網頁在新版iPhone X的畫面


Step5
這樣就可在模擬器中,預覽畫面啦!由於目前梅問題還沒將網頁設為全版,所以滿暫時看來沒啥問題。
梅問題-Xcdoe9內建iPhone X模擬器,免換新手機就能測試網頁在新版iPhone X的畫面


Step6
當要轉向時,只需按鍵盤的蘋果鍵+右鍵,就可將手機轉向啦!當轉向後,就明顯的可看出左右留白的問題,而目前要解此問題,Apple也提出了幾個屬性來解決,至於怎麼解決,之後再來與大家分享。
梅問題-Xcdoe9內建iPhone X模擬器,免換新手機就能測試網頁在新版iPhone X的畫面

分享此文:

  • 按一下即可分享至 X(在新視窗中開啟) X
  • 按一下以分享至 Facebook(在新視窗中開啟) Facebook
  • 分享到 WhatsApp(在新視窗中開啟) WhatsApp
  • 按一下以分享到 Telegram(在新視窗中開啟) Telegram
  • 分享到 Pinterest(在新視窗中開啟) Pinterest
  • 分享到 Reddit(在新視窗中開啟) Reddit
  • 按一下即可以電子郵件傳送連結給朋友(在新視窗中開啟) 電子郵件
  • 點這裡列印(在新視窗中開啟) 列印

相關


Mac資訊

Post navigation

PREVIOUS
[MAC] sed指令可大量的取代文字字串,並支援正規表示法
NEXT
換新MAC軟體免重裝!透過TimeMachine將舊MAC的系統、軟體、檔案,完整轉移至新電腦中

發表迴響取消回覆

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料。

More results...

Generic filters
Exact matches only
Search in title
Search in content
Search in excerpt
Filter by 分類
網站公告
Featured
限時免費
Windows 軟件下載
系統軟件
辦公軟件
圖像處理
影音媒體
網絡軟件
應用軟件
Mac 軟件下載
安卓軟件下載
網絡資訊
Mac資訊
Linux資訊
VPS資訊
NASA資訊
WordPress資訊
WeChat資訊
PHP資訊
教學資源
開源程序
網頁工具
SEO工具
醫療健康
其他資訊
Content from
Content to
2018 年 10 月
一 二 三 四 五 六 日
1234567
891011121314
15161718192021
22232425262728
293031  
« 9 月   11 月 »

分類

  • 網站公告
  • 限時免費
  • Windows 軟件下載
  • 系統軟件
  • 辦公軟件
  • 圖像處理
  • 影音媒體
  • 網絡軟件
  • 應用軟件
  • Mac 軟件下載
  • 安卓軟件下載
  • 網絡資訊
  • Mac資訊
  • Linux資訊
  • VPS資訊
  • NASA資訊
  • WordPress資訊
  • WeChat資訊
  • PHP資訊
  • 教學資源
  • 開源程序
  • 網頁工具
  • SEO工具
  • 醫療健康
  • 其他資訊

彙整

近期文章

  • 索尼又鎖區過百國家無法遊玩《星刃》 2025-05-16
  • 育碧將下架多款經典遊戲公司稱其有權這麼做 2025-05-16
  • 川普急簽中東AI大單惹惱對華強硬派 2025-05-16
  • 美教授AI講義漏洞百出大學生怒討8000美元學費 2025-05-16
  • 奧特曼嘲諷馬斯克AI翻車:追求真相的AI卻在輸出陰謀論 2025-05-16
  • 東南亞人群基因體研究領域取得里程碑突破 2025-05-16
  • 雷軍最新演講曝光:一場意外給小米帶來巨大質疑不再是產業新人 2025-05-16
  • “中東矽谷”?美國、阿聯酋宣布將聯手打造5吉瓦超級AI園區 2025-05-16
  • Google One訂閱服務的用戶數量達1.5億 2025-05-16
  • 巴菲特第一季大幅減持銀行股蘋果仍是最大重倉股 2025-05-16

熱門文章與頁面︰

  • 您可以在Windows 11 24H2 中找回WordPad
  • 打車叫到特斯拉不會開門很尷尬?官方介紹開關門方法
  • “中東矽谷”?美國、阿聯酋宣布將聯手打造5吉瓦超級AI園區
  • 川普希望蘋果停止將iPhone生產轉移到印度轉而提高美國產量
  • 科學家發現人類能發出的微弱的可見光但死後會消失
  • AI破解遠古密碼:消失百萬年的巨型蜥蜴曾稱霸北美
  • 廣州海關自主研發全國海關首個能「聞」出輻射的機器狗上任
  • 巴菲特第一季大幅減持銀行股蘋果仍是最大重倉股
  • 成都多地深夜驚現神秘「噠噠」聲知道源頭後只能忍了
  • 英特爾、殼牌打造業界領先浸沒式液冷解決方案

投遞稿件

歡迎各界人士投遞稿件到admin@wongcw.com

請提供以下資料:

1.你的名字

2.你的電郵

3.分類目錄

4.文章標題

5.文章摘要

6.文章內容

7.文章來源

 

聯繫我們

查詢,投稿,商務合作:
​admin@wongcw.com
​技術支援:
​support@wongcw.com
​客户服務:
​cs@wongcw.com

QQ群:833641851

快帆

MALUS

極度掃描

DMCA.com Protection Status

WONGCW 網誌

  • 免責聲明
  • 捐助我們
  • ThemeNcode PDF Viewer
  • ThemeNcode PDF Viewer SC
  • Events

服務器提供

本站使用之服務器由ikoula提供。

聯繫我們

查詢,投稿,商務合作:
​admin@wongcw.com
​技術支援:
​support@wongcw.com
​客户服務:
​cs@wongcw.com

QQ群:833641851

© 2025   All Rights Reserved.