做网站的公司利润率是多少,在线长链接转短链接,上海有名的广告公司,手机怎么提升网站流量#AI编程助手哪家好#xff1f;DevChat“真”好用 #
演示效果 我用Devchat开发了公务员报名确认系统自动登录#xff0c;再也不用担心挤不进去了 目录 演示效果前言粉丝独家专属红包码DevChat是什么#xff1f;DevChat AI编程助手有哪些优势一、安装Vscode1、下载vscode链接…#AI编程助手哪家好DevChat“真”好用 #
演示效果 我用Devchat开发了公务员报名确认系统自动登录再也不用担心挤不进去了 目录 演示效果前言粉丝独家专属红包码DevChat是什么DevChat AI编程助手有哪些优势一、安装Vscode1、下载vscode链接2、安装vscode 二、注册DevChat1、打开注册页2、验证成功完成邮箱绑定3、绑定微信可获得8元 三、安装插件四、配置Access Key1、获取Access Key2、设置Access Key点击左下角管理“齿轮”图标—命令面板Command Palette如下图在弹出的命令面板中输入“devchat key”点击如下命令 3、验证是否安装成功1、发现报错2、下载Git3、安装Git4、重启Vscode提问测试 五、开发选择语言类型安装油猴tampermonkey编写脚本获取页面定位元素通过Devchat获取Javascript锚点 获取验证码数据图片转base64 网络请求封装 完整代码最后 前言
博主今年第一次参加国考也是第一次感受到了想交个钱还要排队于是我开发出了这个一键自动登录脚本可以免去账号密码还有验证码的识别减少了重复输入验证码的时间本次采用Devchat协助开发事半功倍以下是成品演示效果
粉丝独家专属红包码 专属下载链接http://meri.co/zj3 红包码fFtna36bMZfGUDFrBYpE6S DevChat是什么
DevChat是一个集成了多种主流大模型的AI编程工具,专注于提升程序员的编程效率。它整合了ChatGPT、Codex等热门AI大模型,支持自然语言编程、代码编写、代码生成、代码补全等功能。
它最大的优势是一站式服务,集成热门大模型并且可以根据需求随心切换省去了选择和整合不同AI模型的麻烦无需过多配置就可以快速上手,从而全面提升开发效率。
它是由国内领先的研发效能分析平台思码逸精心打造它为开发者提供了一种全新的编程体验。使用 Devchat 插件无缝融入 IDE一网打尽GPT-4、Claude、讯飞等知名大模型 帮助开发者提高开发效率告别脏活累活
DevChat AI编程助手有哪些优势
核心优势能兼容多种主流大模型多种模板快速响应.不再纠结AI编程助手哪家好
集合GPT-4 8k/32k、GPT-3.5 4k/16k、Claude2、文心一言、星火、ChatGLM、Code Llama等大模型 1. 精准的上下文控制2. 多种大模型任意选复杂任务非 GPT-4 莫属简单任务交给低成本模型组合使用效能最佳3. 精准的“上下文”管理把任意代码段加入对话不靠 AI 时好时坏的猜测把控制权交还给用户4. 简单可扩展的提示词目录开放提示词扩展Prompts as Code满足团队和个人自定义需求5. 灵活的 Prompt 模板管理ask-code功能解答代码库的各类问题6. 产品设计务实迭代反馈快7. 代码和文档自由生成而非简单补全8. 对接微软 Azure 服务可信赖的企业级数据安全一、安装Vscode
如果你的电脑上没有vscode的话你可以和我一样先安装否则用不了插件
1、下载vscode链接 https://az764295.vo.msecnd.net/stable/6c3e3dba23e8fadc360aed75ce363ba185c49794/VSCodeUserSetup-x64-1.81.1.exe 2、安装vscode 二、注册DevChat
1、打开注册页
点我直达meri.co/zj3 输入账号和邮箱验证成功即可
2、验证成功完成邮箱绑定
邮箱验证成功后如下图所示
3、绑定微信可获得8元
提示右上角可以切换中文 完成绑定后账户有余额1.367USD反正是免费的
余额剩余tokens1.367USD~32k GPT-4 tokens or ~638k GPT-3.5 tokens
若额度不够可以用我的福利兑换码哦~
三、安装插件
在 VSCode 插件市场中搜索“devchat”如下图。
四、配置Access Key
1、获取Access Key
在最初注册的时候就已经发送给我们Access Key了
2、设置Access Key
点击左下角管理“齿轮”图标—命令面板Command Palette如下图 在弹出的命令面板中输入“devchat key”点击如下命令 然后在弹出的输入框中粘贴进 DevChat access key回车。
3、验证是否安装成功
1、发现报错
博主在做测试的时候发现以下报错信息如果你也出现报错信息请按我的方法来 2、下载Git
如果你是Windows64位电脑请点击下面的国内镜像下载链接选择合适的版本 下载Git-2.42.0.2-64-bit.exe
3、安装Git
默认下一步直到安装完成即可安装完成后一定要退出Vscode否则不生效
4、重启Vscode提问测试
可以看到刚刚的报错信息已经解决了
五、开发
选择语言类型
要完成自动登录要具备表单信息自动填写验证码自动识别、还有点击事件通过python Selenium并不能完美解决这一问题通过接口也不能完成可视化窗口登录因为我们是需要进去操作数据的所以这里用了JavaScript作为本次首选语言搭载油猴脚本管理器
安装油猴tampermonkey
这里安装过程比较简单就不做说明了不懂的同学可以去找相关的文章看看
编写脚本
1、新建一个空的脚本代码
// UserScript
// name New Userscript
// namespace http://tampermonkey.net/
// version 0.1
// description try to take over the world!
// author You
// match http://*/*
// icon data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw
// grant none
// /UserScript(function() {use strict;// Your code here...
})();2、给脚本运行设置个识别链接
// match *://*.gwy.cpta.com.cn/*这样的话就能识别到脚本了
获取页面定位元素
1、打开目标网页进行分析 通过表单的分析我们定位到了账号、身份证、验证码等信息
账号元素
input nameyusername typetext idyusername placeholder请输入报名序号 autocompleteoff maxlength12身份证元素
input nameypassword typetext idypassword placeholder请输入证件号码 autocompleteoff验证码元素
img src/gagwy/manage/yzm.jsp?myrand1699612285512 alt width100 height35 stylecursor:pointer; title单击图片刷新 onclickthis.src/gagwy/manage/yzm.jsp?myrandMath.random();通过Devchat获取Javascript锚点
编写问题
Javascript中input nameyusername typetext idyusername placeholder请输入报名序号 autocompleteoff maxlength12 给数值返回代码
var inputElement document.getElementById(yusername);
inputElement.value 12345;这时我们获取到了给报名序号也就是账号的代码接下来刷新下脚本看看能不能自动填写 可以看到上图中网页刷新完成时自动填写了12345
通过类似的提问方式我们可以获得三个参数的设置代码 // 获取到input元素var inputElement document.getElementById(yusername);var sfz document.getElementById(ypassword);inputElement.value 123;sfz.value 123;var closeButton document.querySelector(.aui_close);if (closeButton) {closeButton.click();}获取验证码数据
图片验证码这里我们简单分析下 通过代码元素
img src/gagwy/manage/yzm.jsp?myrand1699613287222 alt width100 height35 stylecursor:pointer; title单击图片刷新 onclickthis.src/gagwy/manage/yzm.jsp?myrandMath.random();我们可以知道上面的代码中src是通过随机数一直变化的这时我们获取元素锚点可以从title入手
同理构造提问方式
问题
img src/gagwy/manage/yzm.jsp?myrand1699613287222 alt width100 height35 stylecursor:pointer; title单击图片刷新 onclickthis.src/gagwy/manage/yzm.jsp?myrandMath.random();
通过title获取图片src返回
var imageElement document.querySelector(img[title单击图片刷新]);
var src imageElement.getAttribute(src);图片转base64
这里转换数据是因为获取到验证码后我们需要通过第三方验证码识别接口获得验证码的值这里我采用某个云打码网站有免费的体验额度识别率还不错
接口文档 请求地址 http://api.jfbym.com/api/YmServer/customApi
参数说明image图片的base64token用户中心密钥
通过向Devchat的提问可以获得到base64的转换方法即通过获取src链接转换base64转换成功后调用验证码方法get_code()返回验证码数值
var imageElement document.querySelector(img[title单击图片刷新]);if (imageElement) {var url imageElement.getAttribute(src);console.log(url);//验证码识别// 创建一个Image对象var image new Image();// 设置图片源路径image.src url;// 当图片加载完成时执行回调函数image.onload function() {// 创建一个canvas元素var canvas document.createElement(canvas);var context canvas.getContext(2d);// 设置画布的宽高与图片宽高相同canvas.width image.width;canvas.height image.height;// 将图片绘制到画布上context.drawImage(image, 0, 0);// 将画布内容转换为Base64编码var base64 canvas.toDataURL(image/png);// 假设这是你获取到的带有前缀的Base64编码// 去掉前缀// 在回调函数内部进行进一步的处理get_code(base64);};} else {console.log(未找到匹配的元素);}
网络请求封装
我是第一次使用油猴写接口请求有很多问题原生的requests还有跨域问题困扰了我许久通过人工智能也没有解决最后还是通过某篇文章解决了不好意思没做备份标记️找不到了这里采用GM_xmlhttpRequest完美解决请求时中间会涉及到data数据的编码问题这里我也一并解决了
注意⚠️‼️需要在页面中引用标签否则GM_xmlhttpReques无法使用这里自己测试吧电脑没在身边
GM_xmlhttpRequest封装
GM_xmlhttpRequest({method: method,url: url,onload: function(response) {var responseData JSON.parse(response.responseText);console.log(responseData.data);if(responseData.data.code0){//识别成功var yzmInput document.getElementById(yzm);if (yzmInput) {yzmInput.value responseData.data.data;// alert(识别成功);}else{alert(页面已更新请联系开发者);}}},onerror: function(error) {console.error(Error:, error);},data: formData});接口请求 function get_code(base64) {var url http://api.jfbym.com/api/YmServer/customApi;var method POST;var data {token:Ys…………-…………Q,image:base64,type:10110};var formData new FormData();for (var key in data) {formData.append(key, data[key]);}完整代码
下面是我的一些其他作品
仓库链接:https://greasyfork.org/zh-CN/scripts/478733-公务员自动登陆脚本
最后
在当今数字化时代软件开发领域正在经历着飞速的变革和增长。随着技术的不断演进开发者们面临着越来越多的挑战需要不断提高他们的创造力和生产力。正是在这个背景下我们迎来了一款革命性的工具 - DevChat这是一款专为开发者设计的编程助手它能够与GPT互通为开发者提供更便捷的编程体验。
DevChat是一个强大的插件专为Visual Studio CodeVSCode开发环境而设计为开发者提供了前所未有的便利。它不仅简化了代码编写过程还提供了智能的代码指导使开发者能够更轻松地构建高质量的软件。这篇文章将带您深入了解DevChat的功能和优势以及它如何成为您的开发利器。
DevChat的功能不仅仅限于传统的代码补全和语法检查它引入了GPT技术使其成为一个真正的智能编程助手。通过与GPT的互通DevChat能够理解开发者的意图并根据上下文提供有针对性的建议和代码片段。这意味着无论您是初学者还是经验丰富的开发者DevChat都能够为您提供有力的支持加速您的开发工作。
我的其他作品 《记一次云之家签到抓包》 《记一次视频抓包m3u8解密过程》 《抓包部分软件时无网络过代理检测 解决办法 安卓黄鸟httpcanaryvmos》 《Python】记录抓包分析自动领取芝麻HTTP每日免费IP成品教程》 《某课抓包视频 安卓手机黄鸟某课appVirtualXposed虚拟框架》
推荐专栏
《Python爬虫脚本项目实战》
该专栏往期文章 《【Python爬虫项目实战一】获取Chatgpt3.5免费接口文末付代码过Authorization认证》
如果感觉看完文章还不过瘾欢迎查看我的其它专栏 如果你也喜欢爬虫抓包分析请关注我我还完成过很多独立的项目例如滇医通等等脚本但是由于版权的原因下架了爬虫这一类审核比较严谨稍有不慎就侵权违规了所以在保证质量的同时会对文章进行筛选
如果对爬虫感兴趣请收藏或者订阅该专栏哦《Python爬虫脚本项目实战》如果你有项目欢迎联系我我会同步教程到本专栏
Python爬虫项目实战系列文章 ⭐⭐欢迎订阅⭐⭐
【Python爬虫项目实战一】获取Chatgpt3.5免费接口文末付代码过Authorization认证 【Python爬虫项目实战二】Chatgpt还原验证算法-解密某宝伪知网数据接口
