基本信息

更新日期:
包名:
lkfkkhfhhdkiemehlpkgjeojomhpccnh
版本:
5.1.1
大小:
5.56MiB
类型:
扩展
平台:
Chrome
评分:
发布日期:
2023-10-28
价格:
免费
开发者:
Kushagra Gour

Web Maker插件截图

【图】Web Maker(截图1)【图】Web Maker(截图2)

Web Maker插件简介

A blazing fast web playground that even works offline!

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

Web Maker 4.0 lands in Chrome extension!!

🎨 Command Palette
🎮 Improved Console
💄 Prettier and Monaco
⚙️ New Settings UI
♿️ Accessibility improvements
Enjoy! 🎉

Features:

* Works offline
* User accounts
* Supports preprocessors: HTML (jade, markdown), CSS (SCSS, LESS, Atomic CSS, Stylus) & JavaScript (ES6, CoffeeScript, TypeScript)
* Inbuilt Console
* Save and load your creations with Auto-save
* Fork any creation
* Various templates for popular libraries – React, Vue and more
* Multi-monitor support with detached preview
* Import & Export all creations anytime, anywhere
* Multiple editor 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

Let’s 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 more. If still you want to opt-out of Google Analytics tracking, please visit http://tools.google.com/dlpage/gaoptout or you can set up a filter in Adblock Plus or similar ad blocker tools like AdBlock, uBlock or Adblock Pro.

Help & Support
—————
Twitter – https://twitter.com/webmakerApp
Website – https://webmaker.app
Help & support – https://github.com/chinchang/web-maker/discussions

Changelog
————-
v5.0.0
– Local language support! First up, Spanish & Hindi! 🔥
– Lots of bug fixes
– Dev changes to make changes a lot faster. Stay tuned for some amazing features!

v4.2.0
Added Tailwind to popular CSS library list. We are back in action! Stay tuned 🙂

v4.1.1
Remove background script not being used anymore.

v4.0.4
Remove downloads permission

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

v.3.4.0
Templates, Js13kGames mode and more!

v.3.3.0
Ported 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, and code refactor.

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

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

v.2.8.0
Auto-save, custom system font, configurable auto-completion, matching tag highlighting, bugfixes and improvements

v.2.7.1
Lots of bug fixes and minor improvements

v.2.7.0
Fork feature, fonts, bugfixes and improvements

v2.6.1
Several bugfixes.

v2.6.0
Inbuilt Console added.!

v2.5.0
search saved items, Atomic CSS support, more configurable settings and bugfixes.

v2.4.3
Whitelist scripts from stripe.com.

v2.4.2
Improved infinite loop protection.

v2.4.0
Import/export, editor themes, more settings, vim keybindings, Add library policy changes.

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

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

v2.2.2
Bugfixes in autocompletion

v2.2.0
Code autocompletion, full screen preview, SASS support and bugfixes.

类似Web Maker插件

See title tags & meta descriptio..
See title tags & meta description, scripts, stylesheets, images & fonts Creative or creator, designer or developer, chances are you don’t look at websites the same way most..
Discover what runs a website. Frameworks, Analytics Tools, Wordpress Plugins, Fonts - you name it.
WhatRuns extension is one click away for you to find technologies used on any website you visit. From Developer Tools and Ad Networks to Wordpress Plugins and Themes, we detect eve..
A handy generator for all of your CS..
A handy generator for all of your CSS3 needs from within the browser CSS3 Generator is a handy extension that will create the code you need for your CSS. It currently generates cro..
A selection of author settings for C..
A selection of author settings for Chrome Developer Tools. If you use DevTools as part of your 
frontend development environment, 
DevTools Author provides a small set of 
options ..
A simple CSS property viewer.
CSSViewer is a simple CSS properties viewer originally made by Nicolas Huon as a FireFox add-on (2006-2008). How to use : To enable CSSViewer, simply click the toolbar icon and the..
Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...
Run this extension and start writing your CSS/Less/Sass code which gets applied immediately. The code you write will be saved in the browser extension's storage space or the site's..
编辑在线页面样式的工具。它的产生是为了让一些不会使用firebug的视觉、交互、运营等同学能够快速、方便地修改在线页面。
编辑在线页面样式的工具。它的产生是为了让一些不会使用firebug的视觉、交互、运营等同学能够快速、方便地修改在线页面。
Build design system for React/HTML/CSS/JavaScript faster then storybook figma or sketch
Change your website css and stylesheet like figma sketch and webflow Option to export your changes to css file Use any open source react component to build you ui, ealy design and ..
Forget about all the Code chaos and Customize your website in a handy way
Customize your website, Create your designs. Forget about all the chaos and design your website with your imaginations, in a handy way. The web editor is the tool that provides you..
Fast and easy way to copy web components, HTML widgets and parts of website design.
Web Design Pirate is a Chrome DevTools extension that allows you to select an HTML node, and then gives you only the CSS styles that you need to render the full component (subtree)..
帮助你实现你的行货谷歌地图API
The M4B Checker is a simple Chrome Extension that allows you to easily determine if a website is implementing a Google Maps API for Business (M4B) license properly. While navigatin..
Visualising and Plotting sensor data..
Visualising and Plotting sensor data from serial ports like Arduino IDE. Support: - Dynamically change baudrate - Auto reconnect - Save as .csv file - Send string via Serial Port A..
Current features include: - NEWSave ..
Current features include: - NEWSave time making constants with the Constant Generator Tool. Quickly create Text and Number constants in with a CSV upload - NEWAdded a setting to en..
Seo报导,Alexa Rank,Page Rank
Seo报导,Alexa Rank,Page Rank
The Jaxcore Browser Extension enable..
The Jaxcore Browser Extension enables an exciting new generation of web applications and games to be created by enabling client-side Speech Recognition and Motion Control using an ..
Quickly switch between Canonical and..
Quickly switch between Canonical and AMP version of a page Quickly switch between Canonical and AMP version of a page This extension is designed for developers working with the AMP..
A simple eye-dropper & color-pic..
A simple eye-dropper & color-picker tool allowing you to select color values from webpages. You will need to enable the add-on bar Firefox menu->Options->Add-on Bar OR Vi..
这个扩展修复了新的Github Projects页面中令人讨厌的 “添加列” 链接。 如果你像我一样,你不需要在第一次设置项目后添加列,所以链接会很烦人。这个扩展只..
这个扩展修复了新的Github Projects页面中令人讨厌的 “添加列” 链接。 如果你像我一样,你不需要在第一次设置项目后添加列,所以链接会很烦人。这个扩展只是从页面中删除它,所以你不能不小心点击它。 要添加新列,请转到设置-> 扩展并禁用 “Fix Github Projects” 扩展,以重新启用添加列的功能。
For use only in a special network
For use only in a special network

Web Maker插件下载

免费下载插件商店插件官网

插件评论

杨越

搞demo,非常方便!

miracle

就我一个人用4.1.1版本控制台不生效吗?

fox

Nice~!

pu

很好用的工具,在没有网络连接codepen的情况下,这是个不错的选择。还有就是希望界面能更美观点,感谢你的付出

郭浩

很棒的一个扩展,但是还要许多可以增加用户体验的地方。 希望可以自定义运行的按键,能够联网备份同步代码、设置和导入的库。 希望能够记住console是否已经展开,就算刷新也能够记住。 希望console控制台能够像原生的console一样优秀。 谢谢你的付出

钟科

very nice

Brian

its a great tool for web developer

Qipeng

Awesome!!!

Hasueno

thanks web maker

Kai

简约而不简单,nice job!

孙蓝

临时测试必备, 不用去编辑器里面新建文件来测试了.... 还可以保存demo , 很好用.

胡玉

非常有用!

qiang

nice!!!

孙伟

very good for my learning css

刘汇

超好用,体验丝毫不比fiddle,codepen以及runjs差 而且非常方便,因为是离线的插件,所以打开非常快,测试一些小代码,feature神恶魔的非常有用,安利一波

Dongdong

超好用!

raise

perfect

Zerook

请问如何阻止开启后自动执行代码 … 我的代码有个Bug会导致扩展程序崩溃

ziqiang

非常好用,还可以离线使用,谢谢

Xiaobu

6666,强烈推荐 做demo 测试的时候很方便 实时刷新