吾爱破解 - 52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 1389|回复: 24
收起左侧

[经验求助] 求一个 可以在浏览器有关键词会高光的插件

[复制链接]
kilu 发表于 2024-3-26 11:37
200吾爱币
本帖最后由 kilu 于 2024-3-26 11:48 编辑

如标题所示, 当浏览器页面文本编辑框内 有出现关键词 会高光提示 如果可以批量修改更好   


大概就是要上面那个效果

最佳答案

查看完整内容

私信你了。你可以先试试好使不。

发帖前要善用论坛搜索功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。

jiujiukeji 发表于 2024-3-26 11:37
私信你了。你可以先试试好使不。
Focalors 发表于 2024-3-26 11:40
Focalors 发表于 2024-3-26 11:41
Focalors 发表于 2024-3-26 11:43
另一个插件在此:pagenote一页一记
https://wwm.lanzouo.com/iG4XT1sns34d
插件安装流程

(1)将扩展迷上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件

(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面

(3) 打开扩展程序页面的“开发者模式”

(4) 将crx文件拖拽到扩展程序页面,完成安装
 楼主| kilu 发表于 2024-3-26 11:44
Focalors 发表于 2024-3-26 11:43
另一个插件在此:pagenote一页一记
https://wwm.lanzouo.com/iG4XT1sns34d
插件安装流程

好的 我试试,稍后反馈
 楼主| kilu 发表于 2024-3-26 11:48
Focalors 发表于 2024-3-26 11:43
另一个插件在此:pagenote一页一记
https://wwm.lanzouo.com/iG4XT1sns34d
插件安装流程

你好 ,文本编辑框内无效
Focalors 发表于 2024-3-26 11:49
kilu 发表于 2024-3-26 11:48
你好 ,文本编辑框内无效

那试一下这个
[JavaScript] 纯文本查看 复制代码
(function () {
    'use strict';
    const elements = [
        {
            text: '山H100',
            mark: '工资/假期'
        },
        '其他需要显示的内容',
        {
            text: '显示的内容333',
            tag: 'a',
            mark: '后缀内容'
        },
    ]
    window.onload = function () {
        const getElementsByText = (text, tag='a') => {
            return Array.from(document.querySelectorAll(tag)).filter(element => element.textContent.includes(text));
        }
        elements.forEach(item => {
            let ele;
            if (typeof item === 'object') {
                ele = getElementsByText(item.text, item.tag || 'a');
            } else {
                ele = getElementsByText(item)
            }
            if (ele.length !== 0) {
                const myElement = ele[0];
                //myElement.style.WebkitTextStrokeColor = "red"; // 设置描边颜色(Safari)
                //myElement.style.MozTextStrokeColor = "blue"; // 设置描边颜色(Firefox)
                //myElement.style.WebkitTextStrokeWidth = "1px"; // 设置描边大小(Safari)
                //myElement.style.MozTextStrokeWidth = "1px"; // 设置描边大小(Firefox)
                myElement.style.color = "red";
                if (item.mark) {
                    const oldText = myElement.textContent;
                    const mark = document.createElement('span');
                    mark.style.fontSize = '10px';
                    mark.style.marginLeft = '1px';
                    mark.textContent = `(${item.mark})`;
                    // 拼接原来的文本和标记
                    myElement.textContent = '';
                    myElement.appendChild(document.createTextNode(oldText));
                    myElement.appendChild(mark);
                }
            }
        });
    }
})();


放到油猴脚本里添加,参考上面发的帖子
 楼主| kilu 发表于 2024-3-26 12:01
Focalors 发表于 2024-3-26 11:49
那试一下这个
[mw_shl_code=javascript,true](function () {
    'use strict';

放到油猴了,没有运行的脚本
Focalors 发表于 2024-3-26 12:08
我看了一下,这个油猴脚本好像不太符合你的需求。你说的文本编辑框是哪个?可否用ctrl+F实现你说的高光效果
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

返回列表

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2024-12-15 06:30

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表