Web Maker插件是一款專業(yè)易用的網(wǎng)頁開發(fā)編輯和預(yù)覽插件，可以將我們?yōu)g覽器的選項(xiàng)卡（可選） 轉(zhuǎn)換成 web 編譯器，本插件小巧實(shí)用，不占空間，感興趣的朋友快來下載使用吧。

插件功能

1、離線工作。

2、支持預(yù)處理：HTML（jade，markdown），CSS（SCSS，LESS，Atomic CSS，Stylus）和JavaScript（ES6，CoffeeScript，TypeScript）。

3、內(nèi)置控制臺(tái)。

4、使用自動(dòng)保存保存并加載您的作品。

5、隨時(shí)隨地進(jìn)出口所有作品。

6、多個(gè)編輯器主題和其他可配置的設(shè)置。

7、字體選項(xiàng)+使用任何系統(tǒng)字體。

8、代碼自動(dòng)完成。

9、很容易訪問只需在Chrome中打開一個(gè)新標(biāo)簽頁，并可配置設(shè)置。

10、具有保存的折疊狀態(tài)的多個(gè)布局。

11、另存為HTML文件。

12、在CodePen中編輯。

13、預(yù)覽截圖捕獲。

14、在Github上開源。

插件說明

Web Maker插件是一款可以快速在瀏覽器上打開并編寫網(wǎng)頁代碼的chrome插件。它可以將我們?yōu)g覽器的選項(xiàng)卡（可選） 轉(zhuǎn)換成 web 編譯器，我們可以在其中編寫 HTML、CSS 和 JavaScript，同時(shí)還可以實(shí)時(shí)預(yù)覽頁面效果，支持離線使用。使用該插件后讓你的谷歌瀏覽器就會(huì)擁有即時(shí)編輯代碼的功能。只需點(diǎn)擊插件圖標(biāo)即可在新窗口中進(jìn)行工作，能夠幫助使用者快速編輯代碼，并且能將代碼自動(dòng)保存。

開發(fā)背景

俗話說工欲善其事必先利其器，網(wǎng)站開發(fā)人員肯定會(huì)經(jīng)常接觸到各種開發(fā)編輯工具。一般都是以桌面端程序形式使用，但是在一些需要效率的情況下，在網(wǎng)頁端直接編輯預(yù)覽會(huì)更加實(shí)用。

Web Maker 是一個(gè)專用于離線網(wǎng)頁開發(fā)設(shè)計(jì)的瀏覽器擴(kuò)展，可讓用戶編寫 HTML、JavaScript 和 CSS 代碼片段，并且支持實(shí)時(shí)預(yù)覽。

插件安裝說明

1、在打開的谷歌瀏覽器的擴(kuò)展管理器

就是點(diǎn)擊最左側(cè)的三個(gè)點(diǎn)，在彈出的菜單中選擇【更多工具】——【擴(kuò)展程序】

或者在瀏覽器的地址欄中輸入 chrome://extensions/, 然后回車也行：

2、進(jìn)入擴(kuò)展程序頁面后將開發(fā)者模式打勾

3、最后將解壓出來的crx文件拖入到瀏覽器中即可安裝添加

4、如果出現(xiàn)無法添加到個(gè)人目錄中的情況，可以將crx文件右鍵，然后選擇【管理員取得所有權(quán)】，再嘗試重新安裝

5、安裝好后即可使用

更新日志

v6.4.0

- 修復(fù)了一些已知問題