首页 > 其他分享 >浏览器脚本:获取MOKA简历中的手机号码自动生成二维码方便手机扫描拨号

浏览器脚本:获取MOKA简历中的手机号码自动生成二维码方便手机扫描拨号

时间:2024-03-20 09:00:27浏览次数:26  
标签:code 浏览器 img 拨号 lastPhoneNumber phoneNumber phoneNumberElement const MOKA

效果演示:

对其中隐私部分已经隐藏,请自行测试

JS控制台代码:

let lastPhoneNumber = '';
const checkPhoneNumber = () => {
    const elements = document.querySelectorAll('[class*="sd-Icon-iconmobile"]');
    elements.forEach(element => {
        const phoneNumberElement = element.nextElementSibling;
        const phoneNumberText = phoneNumberElement.textContent.trim();
        const phoneNumber = phoneNumberText.match(/\d{11}/)[0]; 
        console.log(phoneNumber);
        if (phoneNumber !== lastPhoneNumber) {
	    console.log("获取到新号码");
            const qrCodeUrl = 'https://api.qrserver.com/v1/create-qr-code/?size=120x120&data=' + phoneNumber;
            const existingQRCode = document.querySelector('.qr-code');
            if (existingQRCode) {
                existingQRCode.src = qrCodeUrl;
            } else {
                const img = document.createElement('img');
                img.src = qrCodeUrl;
                img.className = 'qr-code';
                phoneNumberElement.parentNode.insertBefore(img, phoneNumberElement.nextSibling);
            }
            lastPhoneNumber = phoneNumber; 
        }
    });
};
setInterval(checkPhoneNumber, 3000); 

油猴脚本:

// ==UserScript==
// @name         MOKA手机号二维码
// @version      1.0
// @description  获取MOKA简历中的手机号码自动生成二维码方便手机扫描拨号
// @author       hearts
// @match        https://app.mokahr.com/candidates/application/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    let lastPhoneNumber = '';
    const checkPhoneNumber = () => {
        const elements = document.querySelectorAll('[class*="sd-Icon-iconmobile"]');
        elements.forEach(element => {
            const phoneNumberElement = element.nextElementSibling;
            const phoneNumberText = phoneNumberElement.textContent.trim();
            const phoneNumber = phoneNumberText.match(/\d{11}/)[0];
            console.log(phoneNumber);
            if (phoneNumber !== lastPhoneNumber) {
                console.log("获取到新号码");
                const qrCodeUrl = 'https://api.qrserver.com/v1/create-qr-code/?size=120x120&data=' + phoneNumber;
                const existingQRCode = document.querySelector('.qr-code');
                if (existingQRCode) {
                    existingQRCode.src = qrCodeUrl;
                } else {
                    const img = document.createElement('img');
                    img.src = qrCodeUrl;
                    img.className = 'qr-code';
                    phoneNumberElement.parentNode.insertBefore(img, phoneNumberElement.nextSibling);
                }
                lastPhoneNumber = phoneNumber;
            }
        });
    };
    setInterval(checkPhoneNumber, 3000);
})();

标签:code,浏览器,img,拨号,lastPhoneNumber,phoneNumber,phoneNumberElement,const,MOKA
From: https://blog.csdn.net/aimersong69/article/details/136862872

相关文章

  • Selenium Headless模式:无头浏览器的使用与优势
    简介在现代Web开发和测试中,自动化工具的应用变得越来越重要。Selenium作为一种流行的自动化测试工具,为开发者提供了强大的功能来模拟用户行为和进行网页测试。其中,Selenium的Headless模式,即无头浏览器,为开发者提供了一种更高效、更隐秘的测试方式。本文将探讨SeleniumHeadless......
  • CentOS安装无GUI的Chrome浏览器
    原文:https://blog.taliove.com/centos-headless-chrome使用golang的chromedp组件在无gui环境的centos中部署1、添加ChromeYum源在yum.repos.d内创建google-chreom.repo:vim/etc/yum.repos.d/google-chrome.repo拷贝以下内容到该文件内:[google-chrome]name=google-chr......
  • macos selenium msedgedriver 浏览器驱动 爬虫
    MacOSSelenium跨浏览器环境搭建在macOS上使用Selenium启动新版Edge的方式如下。macOS版本:10.15.5Edge版本:83.0.478.58下载83版本对应的新版Edge驱动:https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver/#downloads解压并移动到/usr/loca......
  • 服务器端jupyter notebook映射到本地浏览器的操作【文章转自https://www.cnblogs.com/
    这篇文章转自主要介绍了服务器端jupyternotebook映射到本地浏览器的操作,做科研经常有这样的需求:即需要借助服务器的计算资源,本地编辑的工程文件需要每次都传到服务器才能运行。jupyter是较好的交互式编辑工具,有没有一种方式可以在jupyter上编辑属于服务器的文件呢?这就引出了我们......
  • 关闭Mac 双指左右滚动功能(浏览器前进、后退丢失页面)
    关闭所有浏览器的前进后退功能系统偏好设置=>触控板=>更多手势=>在页面之间轻扫取消勾选即可。如下图所示:仅关闭Chrome的前进后退功能如果是Chrome浏览器,还可以使用下面这份方法在终端输入执行下面两条命令,然后重启Chrome,需要注意的是Chrome重启需要完全退出程序......
  • 小白解决Win11(Win10)下.html文件默认打开方式无法修改,绑定为IE浏览器 iexplorer.exe
    解决方法按Win+R键,输入regedit,地址栏输入计算机\HKEY_CLASSES_ROOT\IE.AssocFile.HTM\shell\opennew\command双击(默认),将"C:\ProgramFiles(x86)\internetexplorer\iexplore.exe"%1修改成"你的浏览器的路径"%1(英文的双引号不要去掉)OK了如何查找浏览器的路径打开任......
  • 实战5-某政府采购网cookies反爬(进入前检查浏览器)
    目标网站aHR0cDovL3d3dy55bmdwLmNvbS8=1.呈现状态2.分析网站先复制请求链接的curl看看打印出的结果打印出的结果不正常,来看看请求头,里面有一个'$Cookie',转场到请求连接的cookies中看看,xincaigou这个值大概就是我们想要的往上看其他请求,找xincaigou从哪冒出来,在第二个链......
  • RunOnWeb - 创建新协议,支持html调用本地可执行文件,支持浏览器互相调用
     浏览器调用exe?  Yes! 谷歌Chrome启动微软Edge?   Yes!RunOnWeb协议 创建新协议,支持html调用本地可执行文件,支持浏览器互相调用 【最新版本】:Ver1.0.0【更新日期】:2024.3.15【作者】:阿色【下载】点击下载RunOnWeb协议安装程序及源文件:https://......
  • python+playwright 以非無痕模式打开chrome浏览器
    在使用python+playwright想从网页下载Excel数据,因为需要经过SSO,携带Tokey才可以访问数据,所以无痕模式下搞不好,使用非无痕模式打开浏览器,就可以获取cookie,成功达到效果。点击查看代码frommultiprocessing.sharedctypesimportValuefromplaywright.sync_apiimportsync_pla......
  • 火狐浏览器滚动条无法修改,如何解决
    没处理之前谷歌是正常的,火狐滚动条很宽很丑处理之后滚动条变细了,好看了 css代码在此:*{scrollbar-color:rgba(0,0,0,0.2)rgba(0,0,0,0.1);/*第一个方块颜色,第二个轨道颜色(用于更改火狐浏览器样式)*/scrollbar-width:thin;/*火狐滚动条无法自......