---
# System prepended metadata

title: 線上IOS測試 RWD & Chorme web service
tags: [RWD]

---

###### tags:`RWD` 
# 線上IOS測試 RWD & Chorme web service  

### 本做法為應急做法 , 實用度和精準度有待反饋和使用者反饋  !

#### 職場上常常沒有那麼完美有各種測試工具可以使用,尤其是有些公司沒有預算提共ios產品做測試,又借不到可以測試,但又被上級逼迫要回應客戶 / 某個重要人物 ios手機就是看不到你想辦法修好版面要求時該怎麼辦?

[everysize](https://everysize.kibalabs.com/)

everysize是一個線上可以虛擬測試不同載具尺寸的網站,
把網只丟進去就可以看不同載具瀏覽模擬畫面,右下點+號可以新增瀏覽裝置預覽,
並點選上方下拉選單選擇所需要測試裝置尺寸.




![](https://i.imgur.com/s0AOpND.jpg)

因為需要丟真實網址,但只是調整階段還沒有要上線怎麼辦呢?
除了丟到[github](https://github.com/),也可以使用[chorme web service](https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb)服務



1.進入chrome 線上應用程式商店搜尋Chorme web service安裝後開啟,
2.選擇檔案,並打開**Accessible on local network** ,下方**also on internet**也同時打開
3.打開**web server STARTED**
4.點擊畫面http://127.0.0.1:8887/

![](https://i.imgur.com/qrV7GjD.png)

5.會得到以下畫面,點選你的index就可以進去要連結畫面http://127.0.0.1:8887/index.html 就可以當虛擬網址丟到[everysize](https://everysize.kibalabs.com/)做測試

![](https://i.imgur.com/GPmCfa2.jpg)


6.如果想要點進http://127.0.0.1:8887/ 直接顯示畫面,打開
Automatically show index.html , 但是你的首頁命名一定也要是index.html才可以 !

