chrome-plugin-auto-open-page

自动打开网页的chrome插件

需要自己提前写好env.local.js文件，格式如env.js，主要是注入以下几个变量：

// 监听URL
var WATCH_URL = ''; 

// 点击元素
var CLICK_ELEMENT = '';

// 自动关闭的URL
var AUTO_CLOSE_URL = '';

其中 CLICK_ELEMENT内容会被 document.querySelector 使用来获取元素。下面是 querySelector 几种常见的用法。

获取带有foo或bar样式的首个元素

document.querySelector('.foo, .bar');

获取带有 data-info 属性的元素

document.querySelector('[data-info]');

获取带有 data-info 属性的 p 元素

document.querySelector('p[data-info]');

获取带有 data-info 为 foo 属性的 p 元素

document.querySelector('p[data-info=foo]');

或者获取 id 为 my-element 的 p 元素

let el  = document.querySelector("p[id='my-element']")

获取第 3 个 class 为 article-item 的元素

document.querySelector('.article_item:nth-child(3)')

// 第一个
document.querySelector('.article_item:first-child')

// 最后一个
document.querySelector('.article_item:last-child')

获取不具有某属性的节点

<div class="whatFor?" ></div>

// 合法用法，注意not后面的内容被小括号包裹
document.querySelector("div:not([uuid])");

// 获取
document.querySelector("div:not([uuid=1])");

// 或者
document.querySelector(":not([uuid])");

参考：

novlan1/chrome-plugin-auto-open-page

chrome-plugin-auto-open-page