Web Maker

Web Maker插件简介

Web Maker插件描述

A blazing fast web playground that even wks offline!

This extension provides you with a very easy accessible  offline playground f your lovely web experiments.
Perfect f developers who want to experiment  practice in HTML/CSS/JS quickly, even without Internet connectivity.

Web Maker 4.0 ls in Chrome extension!!

? Comm Palette
? Improved Console
? Prettier  Monaco 
⚙️ New Settings UI
♿️ Accessibility improvements
Enjoy! ?

Features:

* Wks offline
* User accounts
* Suppts preprocesss: HTML (jade, markdown), CSS (SCSS, LESS, Atomic CSS, Stylus) & JavaScript (ES6, CoffeeScript, TypeScript)
* Inbuilt Console
* Save  load your creations with Autosave
* Fk any creation
* Various templates f popular libraries  React, Vue  me
* Multimonit suppt with detached preview
* Impt & Expt all creations anytime, anywhere
* Multiple edit themes & other configurable settings
* Font options + use any system font
* Code autocompletion
* Very easily accessible. Simply open a new tab in Chrome! (configurable setting).
* Multiple layouts with saved collapsed states
* Save as HTML file
* Edit in CodePen
* Preview screenshot capture
* Open source on Github

Lets create!

Permissions Required

* Read URL of the opened page  This is required to give optional new tab replacement feature because Web Maker shows itself only when chrome://newtab is opened

Disclaimer

Web Maker does not track any user specific data. It uses Google Analytics to track aggregated events to improve user experience based on what features are used me. If still you want to optout of Google Analytics tracking, please visit http://tools.google.com/dlpage/gaoptout  you can set up a filter in Adblock Plus  similar ad blocker tools like AdBlock, uBlock  Adblock Pro.

Help & Suppt

Chat  https://gitter.im/webmakerapp/Lobby
Twitter  https://twitter.com/webmakerApp
Website  https://webmakerapp.com

Changelog

v4.0.2
New overhauled UI. Note, Files mode is only available in Web app currently.

v.3.4.0
Templates, Js13kGames mode  me!

v.3.3.0
Pted to Preact.js

v.3.0.0
Web Maker now as web app > https://webmakerapp.com/app/

v.2.9.7
Tailwind CSS added, Popular libraries updated,  code refact.

v.2.9.5
Improvements in external library ux, pane collapsing  bugfixes

v.2.9.0
Detached preview, Atomic CSS configurations, find/replace, me settings & bugfixes.

v.2.8.0
Autosave, custom system font, configurable autocompletion, matching tag highlighting, bugfixes  improvements

v.2.7.1
Lots of bug fixes  min improvements

v.2.7.0
Fk feature, fonts, bugfixes  improvements

v2.6.1
Several bugfixes.

v2.6.0
Inbuilt Console added.!

v2.5.0
search saved items, Atomic CSS suppt, me configurable settings  bugfixes.

v2.4.3
Whitelist scripts from stripe.com.

v2.4.2
Improved infinite loop protection.

v2.4.0
Impt/expt, edit themes, me settings, vim keybindings, Add library policy changes.

v2.3.2
Onboarding improvements, does not replace new tabs by default  babel update.

v2.3.0
Preview screenshot capture (new downloads permission required f this), keyboard navigation, auto code alignment & bugfixes.

v2.2.2
Bugfixes in autocompletion

v2.2.0
Code autocompletion, full screen preview, SASS suppt  bugfixes.
                                

Web Maker插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 Web MakerChrome插件v5.0.2版本到本地。

5.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

注意：最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照这篇文章即可解决