将chrome作为本地网络服务使用。chrome65+的新功能是使用我们自己的本地资源覆盖网页使用的资源。可以使用本地的css文件覆盖网页的css文件，修改样式。同样，使用DevTools工作区设置持久化，将本地文件夹映射到网络，在chrome开发者功能中修改css样式会直接改变本地文件，重新加载页面，使用本地资源。达到持久的效果。然后，很少使用localoverride功能搭建本地静态web服务器：搭建过程很简单，按照原文中的步骤（假设访问域名chromeserver.com）：搭建本地的根目录overrider，C:/Dev/Web/chromelocal，在根目录新建文件夹，以chromeserver.com命名，进入文件目录，新建index.html打开chrome开发者工具，sources-->Overrides--->勾选EnableLocalOverriders-->点击Selectfolderforoverrides，选择文件C:/Dev/Web/chromelocal结果：在打开开发者工具的tab中，访问http://chromeserver.com/，可以看到这一页。扩展：1.设置持久性。完成以上设置后，尝试打开其他网页，在Elements面板中制作样式，然后在sources中会自动生成域名对应的文件（在本地磁盘新建文件），重新打开在新标签页中，修改仍然生效，本地资源文件已经映射到网络中，类似于上面在工作空间中设置持久化的效果。在chrome中点击对应的index.css文件，可以在右侧面板直接修改未格式化的文件或者用IDE打开本地盘中的文件C:/Dev/Web/chromelocal/static.segmentfault.com/v-5badf55c/index/css/index.css，格式化文件后，修改里面的内容，也可以自动刷新显示文件变化。2.模拟接口数据对于返回json数据的接口，可以使用该函数简单模拟返回数据。例如：api为http://www.xxx.com/api/v1/list，对应chromelocal目录，新建一个文件www.xxx.com/api/v1/list，list文件中的内容,和返回普通接口格式一样，objectorarray类型，从而覆盖了原来的接口请求。相关功能workspaces，chrome很早就引入了workspaces，这个功能可以让DevTools作为一个IDE来使用，只要选择Addfoldertoworkspace后允许资源访问，chromeDevTools中的修改也会保存在本地版本中因此，类似于使用文本编辑器的功能。Chrome63What'sNewInDevTools中提到发布workspace2.0是为了增强用户体验，但是已经推迟了。
