一晚上做了一个xpath终结者：xpath-helper-plus

前言

作为一个资深『xpath』提取工程师，想要快速从页面中拿到数据，肯定需要借助一些工具，
而最初接触的就是xpath-helper这块浏览器插件。使用一段时间后，发现笔者有一些特别的需求，想在此基础上扩展一下。
于是乎就学习了如何开发chrome插件？如何使用自己属性的vue来开发？经过双休一顿文档、gayhub了解之后，有了这样一款工具。

问题

xpath-helper2.0.2原生是支持按住shift后通过鼠标来定位选择元素，并输出xpath语法，但是这种方式出来的xptah语法并不友好。

比如说我想拾取掘金的某个文章标题：

/html/body/div[@id=‘__nuxt’]/div[@id=‘__layout’]/div[@id=‘juejin’]/div[@class=‘view-container container’]/main[@class=‘container main-container with-view-nav’]/div[@class=‘view timeline-index-view’]/div[@class=‘timeline-container’]/div[@class=‘timeline-content’]/aside[@class=‘index-aside aside’]/div[@class=‘signin-tip signin’]/div[@class=‘fir