Web Maker

Blazing fast & offline playground for your web experiments

Web Maker란 무엇입니까?

Web Maker은(는) https://webmaker.app에 의해 개발된 Chrome 확장 프로그램으로, 주요 기능은 "Blazing fast & offline playground for your web experiments"입니다.

확장 프로그램 스크린샷

screenshot
screenshot
screenshot
screenshot
screenshot

Web Maker 확장 프로그램 CRX 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

                        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.

Latest version is power-packed with features:
🎨 Command Palette
🎮 Improved Console
💄 Prettier and Monaco 
⚙️ New Settings UI
♿️ Accessibility improvements
📢 Available in local languages English, Japanese, Hindi & Spanish.

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 Web Maker
ID lkfkkhfhhdkiemehlpkgjeojomhpccnh
공식 URL https://chromewebstore.google.com/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh
설명 Blazing fast & offline playground for your web experiments
파일 크기 5.61 MB
설치 횟수 60,805
현재 버전 5.2.1
최근 업데이트 2024-02-21
출시 날짜 2019-07-30
평점 4.79/5 총 989 개의 평점
개발자 https://webmaker.app
이메일 [email protected]
결제 유형 free
확장 프로그램 웹 사이트 https://webmaker.app
도움말 페이지 URL https://github.com/chinchang/web-maker/discussions
개인정보 보호 정책 페이지 URL https://webmaker.app/privacy-policy
지원되는 언어 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Web Maker",
    "version": "5.2.1",
    "manifest_version": 2,
    "description": "Blazing fast & offline playground for your web experiments",
    "homepage_url": "https:\/\/webmaker.app",
    "permissions": [
        "storage",
        "tabs",
        ""
    ],
    "optional_permissions": [
        "downloads"
    ],
    "content_security_policy": "script-src 'self' filesystem: http:\/\/localhost:* https:\/\/localhost:* https:\/\/apis.google.com https:\/\/ajax.googleapis.com https:\/\/code.jquery.com https:\/\/cdnjs.cloudflare.com https:\/\/unpkg.com https:\/\/maxcdn.com https:\/\/cdn77.com https:\/\/maxcdn.bootstrapcdn.com https:\/\/cdn.jsdelivr.net\/ https:\/\/*.stripe.com\/ https:\/\/builds.framerjs.com\/ https:\/\/rawgit.com https:\/\/wzrd.in https:\/\/www.gstatic.com https:\/\/semantic-ui.com https:\/\/www.google-analytics.com https:\/\/cdn.tailwindcss.com 'unsafe-eval'; object-src 'self'",
    "options_ui": {
        "page": "options.html",
        "chrome_style": true
    },
    "browser_action": {
        "default_title": "Start Web Maker",
        "default_icon": "icon-16.png"
    },
    "background": {
        "scripts": [
            "eventPage.js"
        ],
        "persistent": false
    },
    "icons": {
        "16": "icon-16.png",
        "48": "icon-48.png"
    }
}