如何用chrome浏览器开发插件自动答题自动抢票自动选课_谷歌插件可以自动搜索答案吗

作者：Guff_9hys | 2024-07-06 17:48:21

踩

谷歌插件可以自动搜索答案吗

chrome开发插件网上有也有很多文章，本文的目的是记述一下自己开发一个插件的过程，知道浏览器插件开发的基本步骤。

需求：在播放过程中会弹出来一些选让用户选择，理论上这些都是有助于学习的，应该认真学完，但是有时候有的小伙伴比较忙又不得不学完视频，这个时候你就可以写一个脚本，来自动选择，这样视频就继续播放。至于抢票选课原理类似，复杂点的发起API就行，好了背景交代结束。

原理和方法：原理就是实时捕获界面上边是否有弹窗提问，如果有，那就针对弹窗模拟点击，然后模拟提交，如果答错了换个答案（更高级的可以用自动化脚本来在网络上搜索答案，以达到更高的命中率）。方法,我相信写过js的小伙伴都知道浏览器都有个开发者功能，在“开发者”---->console 这里边可以打印，也可以写脚本。如果将上述步骤用js写出来，然后运行势必能达到良好效果。

插件： 如果脚本在console里边运行，不方便停止脚本和启动脚本，界面一刷新，脚本就没了。为了解决这一问题，并且做的稍微优雅一点，就采用插件。

chrome插件：好了，插件组成,一个文件夹，文件夹包括 manifest.json ，icon.png, popup.html,popup.js,content.js,background.html,background,js ,其中可以在manifest中指定插件在浏览器上边的图标icon

，就跟右边这个。manifest 定义了插件的构成。popup 定义了点击icon后的样式和行为，你可以在这里加选项来控制插件的行为，比如启动，停止。 content是负责注入倒页面的脚本，自动选择的逻辑就在着里边实现，至于他是如何注入的，表面上看就是在manifest里边定义.background不做介绍。

这里交代一下，交互方面的，比如你需要在popup里边点击一个按钮，来禁止注入的脚本运行，那么，需要在popup里边定义两个按钮，引入popup.js ，在popupjs里边做发送消息，在content里边做接收并做处理逻辑：


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Security-Policy"  style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:; connect-src *;">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style  type="text/css">
        .container{
            width: 200px;
            height: 100px;
            background: #fff;
            text-align: center;
            padding: 20px;
        }
        
 
    </style>
</head>
<body>
    <script src = "popup.js"></script>
 
 
    <div class="container">
 
       	<button type="button" id="startButton" >Start</button>
       	<button type="button" id="stopButton" >Stop</button>
        
 
    </div>
    
    
</body>
</html>

发送：

function Send(parma) {

           chrome.tabs.query({active: true, currentWindow: true}, function(tabs){
           chrome.tabs.sendMessage(tabs[0].id, {message:parma}, function(response) {
                   var result = document.createElement("div")
                   result.textContent=response.result
                   document.body.appendChild(result)
           });
       });
       }

接收：

chrome.extension.onMessage.addListener(
function(request, sender, sendResponse) {

   if (request.message == "start"){
           console.log("get start")
//实现你的逻辑
           sendResponse({result: "Start OK"})
       }else{
           console.log("get stop")
  //实现你的逻辑
           sendResponse({result: "Stop OK"})
       }
});

下边是一个manifest例子，实际还有更复杂的配置：


{
    "name": "auto-answer",
    "version": "0.0.1",
    "manifest_version": 2,
    "description": "chrome auto-answer plugin",
    "browser_action": {
        "default_icon": "icon.png",
        "default_title": "public lesson auto answer",
        "default_popup": "popup.html"
    },
    // 需要直接注入页面的JS
		"content_scripts": 
		[
			{
				//要注入的页面
				"matches": ["*"],
				// "<all_urls>" 表示匹配所有地址
				"matches": ["<all_urls>"],
				// 多个JS按顺序注入
				"js": ["content.js"],
				// JS的注入可以随便一点，但是CSS的注意就要千万小心了，因为一不小心就可能影响全局样式
				//"css": ["css/custom.css"],
				// 代码注入的时间，可选值： "document_start", "document_end", or "document_idle"，最后一个表示页面空闲时，默认document_idle
				"run_at": "document_idle"
			}
		]
}

插件文件组织形势：没有特殊要求，可以全部放在一个目录

打包：看网上教程

注意事项：

1、popup.html里边如果又按钮控制，执行js动作，这个脚本要单独写在popup.js里边并且，逻辑都在这里边，不能再popup.html里边写，否则会报错，就是chrome考虑到安全，不支持内联函数。比如你又一个button，这里边一定要用onclick,不能用addEventListener（会导致弹出就执行一次，以后不会执行）,原因不详，反正是耽搁我好几个小时。


function Send(param)
{
    console.log(param)
}	
 
var start ;
var stop;
window.onload = function(){	
// 点击启动和停止
start = document.getElementById("startButton");
//start.addEventListener('click',Send("start"))
start.onclick=function(){
	Send("start")
}
 
stop = document.getElementById("stopButton");
stop.onclick=function(){
	Send("stop")
}
 
 
}

2。关于页面捕获的问题 class用选择器来选择，这里边只是一个例子，具体要自己分析自己的HTML类容，主要是选择器使用，如果是id,用getElementByid吧，效率高点：

//获取问题类型单选/多选
var askType = document.querySelector('.ask-right span').innerText
console.log(askType)
//获取问题列表
var selectItems = document.querySelectorAll('.ask-form input')

console.log(selectItems[0].type);
var ItemLables = document.querySelectorAll('.ask-form label')
console.log(ItemLables[ItemLables.length-1].innerText);
var lastlabel = ItemLables[ItemLables.length-1].innerText

//选择

selectItems[0].click()

3、关于打包，打包的时候如果打过一次了，再次打他会提示你说大报错误，说什么密钥已经存在，你可以去删除，文件位置就是你插件组织目录的同级目录。

4、Chrome开发的插件可以在360浏览器运行，火狐不行。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Guff_9hys/article/detail/793575

如何用chrome浏览器 开发插件 自动答题 自动抢票 自动选课_谷歌插件可以自动搜索答案吗

如何用chrome浏览器开发插件自动答题自动抢票自动选课_谷歌插件可以自动搜索答案吗