Web Maker-网页代码编辑器

Web Maker是一个甚至可以离线工作的快速网络游乐场!这个扩展为你可爱的网络实验提供了一个非常容易接近和离线的操场。非常适合那些想快速尝试或练习 HTML/CSS/JS 的开发人员。

插件背景

作为一名开发人员,大家可能已经用过了许多代码编辑器。的确是有很多编辑器的功能十分强大,但是在一些需要快速记录代码的紧急场合中,打开这些编辑器就显得比较麻烦了。Web Maker就是一款能快速在浏览器上编写网页代码的Chrome插件

插件安装使用

1、你可以从chrome应用商店里找到Web Maker插件,如果你的chrome应用商店无法打开,你可以在本站的下方找到Web Maker插件下载地址

2、离线安装的方法参照一下方法:老版本chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页面,它会提示你是否安装该插件,点击添加即可。最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照这篇文章即可解决

Web Maker-网页代码编辑器插图

3、点击右上角的Web Maker插件图标,打开它的主界面,在主界面里,使用者可以编写网页代码包括HTML、CSS和JavaScrip

Web Maker-网页代码编辑器插图1

4、若是想要对插件的功能进行一些调整的话,点击右下角的齿轮按钮即可打开设置窗口进行设置

Web Maker-网页代码编辑器插图2

5、点击“Add library”按钮可以随机改变右侧文字图标的颜色

Web Maker-网页代码编辑器插图3

6、你可以随时随地进出口所有作品

Web Maker-网页代码编辑器插图4

7、编辑完成后还可以实时预览页面效果

Web Maker-网页代码编辑器插图5

插件功能介绍

一个甚至可以离线工作的快速网络游乐场!
这个扩展为你可爱的网络实验提供了一个非常容易接近和离线的操场。
非常适合那些想快速尝试或练习 HTML/CSS/JS 的开发人员,即使没有互联网连接。
脱机工作 * 用户帐户 * 支持预处理器: 超文本标记语言 (玉,markdown),CSS (SCSS, atomic CSS 、 Stylus) 和 JavaScript (ES6 、咖啡脚本、打字稿)
* 内置控制台
* 使用自动保存
* Fork 任何创建
* 流行库的各种模板保存和加载您的创作反应,带有独立预览的 Vue 和更多
* 多监视器支持 * 随时导入和导出所有创作, 任何地方 * 多个编辑器主题和其他可配置设置 * 字体选项使用任何系统字体 * 代码自动完成
* 非常容易访问。只需在 Chrome 中打开一个新标签!(可配置设置)。
* 保存折叠状态的多个布局
* 保存为 HTML 文件
* 在 CodePen 中编辑 * 让我们创建 Github 上的开源!
需要的权限
-打开页面的
* 读取 URL-这需要只有当 chrome: //打开 newtab
免责声明
-
Web Maker 不跟踪任何用户特定的数据。它使用 Google Analytics 来跟踪聚合事件,根据更多使用的功能来改善用户体验。如果您仍然想选择退出 Google Analytics 跟踪,请访问 http://tools.google.com/dlpage/gaoptout,或者您可以在 Adblock Plus 或类似的广告拦截工具 (如 AdBlock 、 uBlock 或 Adblock Pro) 中
帮助和支持

Web Maker插件4.1.1下载地址
Web Maker-网页代码编辑器插图6
©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!
0 0 投票数
文章评分
订阅评论
提醒
guest
0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请您发表评论x