---
# System prepended metadata

title: HTML工具
tags: [WORK]

---

## Simple Web Server
https://simplewebserver.org/
https://simplewebserver.org/download.html
下載Simple Web Server軟體

https://www.minwt.com/webdesign-dev/html/15092.html
這是早期還是CHREME APP 時的介面教學，
對方寫的比較清楚，但畫面是舊的，多少可以參考

---

![image.png](https://hackmd.io/_uploads/S1ca8CYXp.png)

![image.png](https://hackmd.io/_uploads/HycGPRY7a.png)



#### 步驟

桃1：新增模擬器

紅1：選擇資料夾路徑

紅2：Automatically show index.html  
自動使用 INDEX.HTML << 將其關閉

桃2：確認有生效啟動

紅3：點擊本機 127.0.0.1:XXXX   
會自動打開瀏覽器，出現檔案列表

綠1：Accessible on local network
可在本地網路上存取 << 預設不開啟，可打開

綠2：在手機上輸入軟體提供的數字 XXX.XXX.XXX.XXX:XXXX
這樣可以在手機上瀏覽網頁

![image.png](https://hackmd.io/_uploads/SkS7hRt7p.png)

點INDEX.HTML即可模擬伺服器瀏覽網頁


---

## CHROME APP 手機式網頁檢查(測RWD工具)

#### Mobile simulator - responsive testing tool
移动模拟器——响应式测试工具

https://chrome.google.com/webstore/detail/mobile-simulator-responsi/ckejmhbmlajgoklhgbapkiccekfoccmk?hl=zh-tw

#### Responsive Viewer

https://chrome.google.com/webstore/detail/responsive-viewer/inmopeiepgfljkpkidclfgbgbmfcennb


---

## Chrome清理大師

https://chrome.google.com/webstore/detail/clean-master-the-best-chr/eagiakjmjnblliacokhcalebgnhellfi


