闲来没事, 做个插件玩一玩,于是一顿学习。
按照浏览器插件规范,一顿代码编写, 搞了一个简单的插件。仅做学习。
可以实现在直播间自动发消息。 定时轮发。 实现原理: 利用谷歌popub.js 发送消息。 在content-script.js 接收消息,操作浏览器dom元素,发送消息。
技术实现:
manifest.json
{
"manifest_version": 2,
"name": "小小抖音",
"version": "1.1.0",
"description": "小小抖音",
"icons":
{
"16": "img/icon.png",
"48": "img/icon.png",
"128": "img/icon.png"
},
"browser_action": {
"default_icon": {
"16": "img/icon.png",
"24": "img/icon.png",
"32": "img/icon.png"
},
"default_title": "Big",
"default_popup": "popup.html"
},
"content_scripts": [
{
"matches": ["https://live.douyin.com/*"],
"js": ["content-script.js"]
}
],
"permissions": ["<all_urls>"]
}
script.js
function tclick(){
var clickEvent = new MouseEvent('click', {
bubbles: true,
cancelable: true,
view: window
});
// 获取一个按钮元素
var button = document.querySelector('.webcast-chatroom___send-btn');
// 使用dispatchEvent触发click事件
button.dispatchEvent(clickEvent);
}
function sleep(time) {
return new Promise((resolve) => setTimeout(resolve, time));
}