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

插件功能

1、離線工作。

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

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

4、使用自動保存保存并加載您的作品。

5、隨時隨地進出口所有作品。

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

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

8、代碼自動完成。

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

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

11、另存為HTML文件。

12、在CodePen中編輯。

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

14、在Github上開源。

插件說明

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

開發(fā)背景

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

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

插件安裝說明

1、在打開的谷歌瀏覽器的擴展管理器

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

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

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

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

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

5、安裝好后即可使用

更新日志

v6.4.1

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