Marmoset 酷炫的Chrome扩展代码阅读器

如果你经常逛有的没的网站,喜欢看电影电视连续剧,应该都曾看过在电脑萤幕上呈现出密密麻麻的程式码,有一点骇客任务的味道。

Marmoset1

为了让原始码更易于阅读,一般编辑器都会支援 Syntax Highlight 功能,翻译成中文就是“语法突显”,针对不同类型程式码来加入适当色彩,降低误读或误写出错的可能性。 想将自己觉得不错的程式码转成图片,加入颜色标记效果,听起来好像有点像是工程师会有的嗜好,但你或许不知道,有免费小工具能帮我们满足需求。 Marmoset 是一款 Google Chrome 浏览器应用程式,功能很简单,协助你制作华丽的程式码撷图!原以为前几天介绍的 Standardized Screenshot 撷取网页画面时自动加入 Mac 外框阴影效果已经够独特了,没想到 Marmoset 比它还炫。

Marmoset2

Marmoset 支援多种常见及不常见的程式语言类型,内建大约数十种配色,使用方法很简单,将你要制作撷图的程式码贴入编辑区,选取你要的颜色及特效后,最后将图片储存起来就可以了。

扩展说明:

扩展名称:Marmoset
适用平台:Chrome
扩展语系:英文
安装页面:从 Chrome 线上应用程式商店下载

 

使用教学 开启 Marmoset 应用程式页面后,点选“+ 加到 Chrome”蓝色按钮来下载安装,安装后就能在“应用程式”里看到这个功能。

Marmoset3

开启 Marmoset 后,会有一小段预设的程式码范例,你可以试着从左侧修改,右侧就会即时更新,显示你编辑后的字串。

Marmoset4

下方有三个选项,由左而右分别为:颜色、程式码类型及特效。

Marmoset5

选择不同的配色和效果后,也会产生完全不一样的感觉。

Marmoset6

比较特别的是 Marmoset 能让使用者透过拖曳滑鼠的方式转动程式码,几乎是上下左右前后翻转都能做到,例如下图我就撷取了一个看起来非常专业的角度,让程式码撷图看起来有那么一点点厉害(虽然它只是一段 Nginx 设定档范例)。

Marmoset7

最后,点选最右边的“Save As…”就能将程式码撷图输出,储存为图片。

Marmoset8

值得一试的三个理由:

跨平台,透过 Google Chrome 浏览器就能使用

支援多种程序语言类型,

可快速切换配色和特效

可自由拖曳卷动程式码图片,让它看起来更独特

 

原文:https://free.com.tw/marmoset/

提交评论

安全码
刷新

附加信息