在 VPS 注册页面 和 美国人信息页面 高亮显示关键字 油猴篡改猴tampermonkey脚本
前言
在购买VPS的时候, 会遇到需要填写个人信息的时候.
我们常常会找一个生成随机美国人信息的网页.
我有一个想法, 希望快速方便的知道哪个信息填写到哪里.
面向GPT开发
有这样一个HTML页面页面中可能包含 "first name", 也有可能 是在 input元素的 placeholder 属性中包含 "first name"我需要查找并高亮这些 "first name"
把这些需求发给GPT.
GPT生成的结果分为了CSS和JS脚本两部分.
于是再向GPT提要求
需要整合为可以在浏览器的 console 执行的 js 文件
GPT生成了一个整合的JS文件.
在浏览器 F12 开发者工具的Console中进行测试.
对于 RackNerd 的注册页面, 效果为红色边框.
* 注意, 此页面上, 写的是 Firstname 而不是 First name. 代码需作一点修改.
在有一些 美国人信息页面上, 没有 Firstname 这样的内容, 只有 Full name
所以我们向GPT继续提出修改意见.
把 first name, firstname, full name, fullname, 全名, 姓名 归为一类, 显示同样的高亮颜色或边框颜色.对于同一类关键字, 边框颜色和文字底色颜色应该一致.
测试, 结果可以了.
接下来, 把这个结果推广到其它信息, 并且要求不同类的信息, 使用不同的颜色.
把 first name, firstname, last name, lastname, full name, fullname, 全名, 姓名 归为一类, 显示同样的高亮颜色或边框颜色.把 phone number, phone, 电话 归为一类.把 street address, street, 街道地址, 街道 归为一类.把 city, 城市 归为一类.把 full state name, state, 州全称, 州 归为一类.把 postcode, zip code, 邮编, 归为一类.以上每一类, 都要使用独特鲜明的颜色, 不应该与其它任何一类颜色相同.
GPT返回的结果, 在浏览器console中测试.
效果不错.
用油猴插件固定此脚本的效果
具体细节步骤略.
油猴插件
脚本文件名应该为 xxx.user.js
@include *://*/* 匹配所有页面
GPT开发的代码, 把函数的内容填写到 // You code here ... 下面
演示视频
========
后记
本次使用GPT的过程中, 用到的GPT是
评论
发表评论