安装这个插件，网页排版变好看了

最近写了一个用于中文排版格式化的 Chrome 插件：Doctor Jones （琼斯医生），作用是美化你当前正在浏览的网页的中文排版，包括中英文混排。

插件作用

举例来说，如果页面上本来有这样一段文字：

比方说 adobe 的 photoshop 系列，ANSYS、Dassault System、Autodesk 那些 maya 3D Max， 微软的 office 系列、matlab、Mathematica、英伟达的显卡驱动程序、甚至现在用得最广泛的 tensorflow 本 ten.

全都是“面向解决问题的开发”。

经过琼斯医生格式化后，你看到的页面就变成了：

比方说 adobe 的 photoshop 系列，ANSYS、Dassault System、Autodesk 那些 maya 3D Max， 微软的 office 系列、matlab、Mathematica、英伟达的显卡驱动程序、甚至现在用得最广泛的 tensorflow 本 ten.

全都是「面向解决问题的开发」。

更加具体的介绍可以查看这篇专栏，获取插件请点击这里。

Under the Hood

Chrome 插件所依赖的核心是之前写的一个方法，它接收一个字符串和一个配置对象，返回格式化后的字符串。这个方法也发布成了一个 npm 包，地址在这里，具体用法如下：

import dj from 'doctor-jones'

dj('2019 年 8 月') // => 2019 年 8 月
dj('2019 年 8 月', { spacing: false }) // => 2019 年 8 月

它的源码在这里，更加具体的介绍可以查看这篇专栏。

衍生项目

由以上方法还衍生出了一个 webpack loader （源码），作用是将代码中的文本格式化，直观过程可以查看这个动图。

上面三个项目的文档链接在此，也欢迎各位去源码仓库点一波 star。

LanAiFaZuo

2019-08-30 08:56:40 +08:00

举例来说，如果页面上本来有这样一段文字：

比方说 adobe 的 photoshop 系列，ANSYS、Dassault System、Autodesk 那些 maya 3D Max，微软的 office 系列、matlab、Mathematica、英伟达的显卡驱动程序、甚至现在用得最广泛的 tensorflow 本 ten.

全都是“面向解决问题的开发”。
经过琼斯医生格式化后，你看到的页面就变成了：

比方说 adobe 的 photoshop 系列，ANSYS、Dassault System、Autodesk 那些 maya 3D Max，微软的 office 系列、matlab、Mathematica、英伟达的显卡驱动程序、甚至现在用得最广泛的 tensorflow 本 ten.

全都是「面向解决问题的开发」。

有差别吗？看着还是一样的啊，就是最后一句变成括号了。