├── 元素定位助手 └── 元素定位助手 │ ├── Saossionpage_ele_helper_4.7 │ ├── help.json │ ├── demo.js │ ├── img │ │ ├── sao.ico │ │ ├── sao.png │ │ ├── sao1.png │ │ ├── 骚神.gif │ │ ├── logo1.png │ │ ├── logo5.png │ │ ├── saoshen.png │ │ └── ele_helper.png │ ├── manifest.json │ ├── css │ │ ├── button2.css │ │ ├── popup2.css │ │ └── code_helper.css │ ├── js │ │ ├── inject.js │ │ ├── div_show_switch.js │ │ └── code_helper.js │ ├── abc.css │ ├── right_click.js │ ├── popup.html │ ├── code_helper.html │ ├── LICENSE │ └── content.js │ ├── Saossionpage_ele_helper_5.2 │ ├── help.json │ ├── img │ │ ├── sao.ico │ │ ├── sao.png │ │ ├── sao1.png │ │ ├── 打赏码.png │ │ ├── logo1.png │ │ ├── logo5.png │ │ ├── saoshen.png │ │ ├── saoshen2.png │ │ └── ele_helper.png │ ├── config.json │ ├── js │ │ ├── AI.js │ │ ├── inject.js │ │ ├── popup.js │ │ ├── js_hook.js │ │ └── code_helper.js │ ├── coffee.html │ ├── AI.html │ ├── css │ │ ├── button.css │ │ ├── popup.css │ │ ├── code_helper.css │ │ ├── js_hook.css │ │ └── jquery-ui.css │ ├── manifest.json │ ├── popup.html │ ├── js_hook.html │ ├── code_helper.html │ ├── content.css │ ├── tool.js │ ├── LICENSE │ ├── background.js │ └── content.js │ ├── 使用教程.gif │ ├── 插件安装教程.mp4 │ └── 5.2版本特色.png ├── .vscode └── settings.json ├── img ├── 演示.gif ├── logo.png └── logo5.png ├── test.html ├── readme.md └── button2.html /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/help.json: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/help.json: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/demo.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5501 3 | } -------------------------------------------------------------------------------- /img/演示.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/img/演示.gif -------------------------------------------------------------------------------- /img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/img/logo.png -------------------------------------------------------------------------------- /img/logo5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/img/logo5.png -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/使用教程.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/元素定位助手/元素定位助手/使用教程.gif -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/插件安装教程.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/元素定位助手/元素定位助手/插件安装教程.mp4 -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/5.2版本特色.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/元素定位助手/元素定位助手/5.2版本特色.png -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/img/sao.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/img/sao.ico -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/img/sao.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/img/sao.png -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/img/sao1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/img/sao1.png -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/img/骚神.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/img/骚神.gif -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/img/sao.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/img/sao.ico -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/img/sao.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/img/sao.png -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/img/sao1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/img/sao1.png -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/img/打赏码.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/img/打赏码.png -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/img/logo1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/img/logo1.png -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/img/logo5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/img/logo5.png -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/img/logo1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/img/logo1.png -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/img/logo5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/img/logo5.png -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/img/saoshen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/img/saoshen.png -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/img/saoshen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/img/saoshen.png -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/img/saoshen2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/img/saoshen2.png -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/img/ele_helper.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/img/ele_helper.png -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/img/ele_helper.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wxhzhwxhzh/Saossion_element_helper/HEAD/元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/img/ele_helper.png -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": { 3 | "message": "7.00" 4 | }, 5 | 6 | "welcome_message": { 7 | "message": "Welcome, __USER_NAME__!" 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 嵌入百度搜索 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/js/AI.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function() { 2 | // 当窗口大小改变时重新计算高度 3 | $(window).on('resize', function() { 4 | var windowHeight = $(window).height(); 5 | var iframeContainer = $('#iframeContainer'); 6 | iframeContainer.css('height', (windowHeight * 0.9) + 'px'); 7 | }); 8 | 9 | // 初始时也需要设置一次高度 10 | $(window).trigger('resize'); 11 | }); 12 | -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | # ![骚神库](./img/logo.png) 2 | - ![浏览器插件](./img/演示.gif) 3 | 4 | 5 | # 😈 元素自动定位助手 介绍 6 | 7 | 8 | 9 | **元素自动定位助手** 来自骚神库 Drissionpage 库 元素语法定位谷歌浏览器插件 ， 辅助 新手快速入门 Drissionpage库，能避免使用DP库中遇到的各种关于元素定位的疑难杂症，还有更多实操教学案例.. 10 | 11 | --- 12 | 13 | ## 元素自动定位助手 4.7 14 | 15 | 1. 修复少量 bug 16 | 2. 增加 插件弹窗 可以手动关闭开启信息展示栏 17 | 18 | --- 19 | 20 | ## 元素自动定位助手 4.6 21 | 22 | 1. 修复少量 bug 23 | 2. 增加 F9定位动态元素功能 24 | 25 | 26 | --- 27 | ## 元素自动定位助手 4.5 28 | 29 | 1. 信息显示栏 变成跟随鼠标移动模式 30 | 2. 鼠标悬浮在元素上方，会高亮元素背景色 31 | 3. 信息显示栏 自适应文本大小 自动检测浏览器边界碰撞 32 | 4. 信息显示栏 增加 当前坐标信息 33 | 34 | --- -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/coffee.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 打赏作者 7 | 8 | 9 | 10 |
11 | 12 |
13 | 14 | 15 | 16 |

骚神库元素定位助手

17 | 18 | 19 | 20 | 21 |
22 |
23 |

☕ 请骚神库作者喝可乐 [微信]

24 |

25 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/AI.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | AI搜索询问 7 | 8 | 29 | 30 | 31 | 32 |
33 | 34 | 35 |
36 | 37 | 38 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "manifest_version": 3, 3 | "name": "骚神库元素自动定位助手", 4 | "version": "5.1", 5 | "permissions": 6 | [ 7 | "contextMenus", 8 | "tabs", 9 | "notifications", 10 | "webRequest", 11 | 12 | "storage", 13 | "activeTab" 14 | 15 | ], 16 | "icons": { 17 | "128": "img/logo5.png", 18 | "48": "img/logo5.png", 19 | "19": "img/logo5.png" 20 | }, 21 | "content_scripts": [ 22 | { 23 | "matches": [""], 24 | "js": ["content.js","right_click.js"], 25 | "css": ["abc.css"], 26 | "run_at": "document_end" 27 | } 28 | ], 29 | "host_permissions": [ 30 | "" 31 | ], 32 | "web_accessible_resources": [ 33 | { 34 | "resources": ["js/inject.js", "*"], 35 | "matches": [""] 36 | } 37 | ], 38 | "homepage_url": "https://gitee.com/Saossion/SaossionPage", 39 | 40 | "action": { 41 | "default_popup": "popup.html" 42 | 43 | } 44 | 45 | 46 | 47 | } -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/css/button.css: -------------------------------------------------------------------------------- 1 | .switch { 2 | position: relative; 3 | display: inline-block; 4 | width: 45px; 5 | height: 20px; 6 | 7 | } 8 | 9 | .slider { 10 | position: absolute; 11 | cursor: pointer; 12 | top: 0; 13 | left: 0; 14 | right: 0; 15 | bottom: 0; 16 | background-color: #ccc; 17 | transition: .4s; 18 | border-radius: 16px; 19 | 20 | } 21 | 22 | .slider:before { 23 | position: absolute; 24 | content: ""; 25 | height: 20px; 26 | width: 20px; 27 | /* left: 4px; */ 28 | /* bottom: 4px; */ 29 | background-color: white; 30 | transition: .4s; 31 | border-radius: 16px; 32 | } 33 | 34 | input:checked + .slider { 35 | background-color: #2196F3; 36 | border-radius: 16px; 37 | 38 | } 39 | 40 | input:checked + .slider:before { 41 | transform: translateX(26px); 42 | } 43 | 44 | 45 | 46 | /* 另一个功能区 单选按钮 */ 47 | 48 | 49 | .div_kaiguan { 50 | display: flex; 51 | justify-content: space-between; 52 | margin-right: 30%; 53 | } 54 | 55 | .span_kaiguan { 56 | font-size:large; 57 | } -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/css/button2.css: -------------------------------------------------------------------------------- 1 | .switch { 2 | position: relative; 3 | display: inline-block; 4 | width: 45px; 5 | height: 20px; 6 | 7 | } 8 | 9 | .slider { 10 | position: absolute; 11 | cursor: pointer; 12 | top: 0; 13 | left: 0; 14 | right: 0; 15 | bottom: 0; 16 | background-color: #ccc; 17 | transition: .4s; 18 | border-radius: 16px; 19 | 20 | } 21 | 22 | .slider:before { 23 | position: absolute; 24 | content: ""; 25 | height: 20px; 26 | width: 20px; 27 | /* left: 4px; */ 28 | /* bottom: 4px; */ 29 | background-color: white; 30 | transition: .4s; 31 | border-radius: 16px; 32 | } 33 | 34 | input:checked + .slider { 35 | background-color: #2196F3; 36 | border-radius: 16px; 37 | 38 | } 39 | 40 | input:checked + .slider:before { 41 | transform: translateX(26px); 42 | } 43 | 44 | 45 | 46 | /* 另一个功能区 单选按钮 */ 47 | 48 | 49 | .div_kaiguan { 50 | display: flex; 51 | justify-content: space-between; 52 | margin-right: 30%; 53 | } 54 | 55 | .span_kaiguan { 56 | font-size:large; 57 | } -------------------------------------------------------------------------------- /button2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 圆角动态过渡按钮示例 5 | 22 | 23 | 24 | 25 | 26 | 27 | 41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "manifest_version": 3, 3 | "name": "骚神库DP助手", 4 | "version": "7.6.2", 5 | "permissions": 6 | [ 7 | "contextMenus", 8 | "tabs", 9 | "notifications", 10 | "webRequest", 11 | 12 | "storage", 13 | "activeTab", 14 | "scripting" 15 | 16 | 17 | ], 18 | "icons": { 19 | "128": "img/saoshen2.png", 20 | "48": "img/saoshen2.png", 21 | "19": "img/saoshen2.png" 22 | }, 23 | "content_scripts": [ 24 | { 25 | "matches": [""], 26 | "js": ["js/jquery-3.7.1.min.js","js/jquery-ui.js","content.js","tool.js"], 27 | "css": ["content.css","css/jquery-ui.css"], 28 | "run_at": "document_end" 29 | } 30 | ], 31 | "host_permissions": [ 32 | "" 33 | ], 34 | "web_accessible_resources": [ 35 | { 36 | "resources": ["js/inject.js", "*"], 37 | "matches": [""] 38 | } 39 | ], 40 | "homepage_url": "https://gitee.com/Saossion/SaossionPage", 41 | 42 | "action": { 43 | "default_popup": "popup.html" 44 | 45 | }, 46 | "background": { 47 | "service_worker": "background.js" 48 | } 49 | 50 | 51 | } -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/js/inject.js: -------------------------------------------------------------------------------- 1 | 2 | function to_xpath() { 3 | 4 | console.log('已复制该元素XPath定位语法'); 5 | extractInfoAndAlert(); 6 | } 7 | 8 | 9 | 10 | function to_CSS_path() { 11 | 12 | console.log('已复制该元素css定位语法'); 13 | extractInfoAndAlert(); 14 | } 15 | 16 | function to_DP_path() { 17 | 18 | console.log('已复制该元素dp定位语法'); 19 | 20 | 21 | extractInfoAndAlert(); 22 | 23 | }; 24 | 25 | 26 | function to_show_help(){ 27 | let helpInfo=" 1.按住 ALT ，右键单击元素会弹出快捷菜单 \n 2.单击信息实时显示栏 会切换显示栏位置 \n 3.按F8 直接复制鼠标所在位置的元素语法 " 28 | alert(helpInfo); 29 | } 30 | 31 | 32 | 33 | // 提取元素语法内容 并弹窗提示 34 | function extractInfoAndAlert(){ 35 | // tishi=document.getElementById('show').textContent; 36 | 37 | var tishi2=document.getElementById('show').textContent.substring(13) 38 | copyToClipboard(tishi2); 39 | 40 | alert('已经复制该语法到剪贴板 '+tishi2); 41 | 42 | } 43 | 44 | 45 | 46 | 47 | 48 | // 复制到剪贴板操作 49 | function copyToClipboard(text) { 50 | var tempInput = document.createElement("input"); // 创建临时输入框元素 51 | 52 | tempInput.value = text; // 将输入的文本赋给临时输入框 53 | document.body.appendChild(tempInput); // 将临时输入框添加到页面中 54 | 55 | tempInput.select(); // 选中临时输入框中的文本 56 | document.execCommand("copy"); // 执行复制操作 57 | 58 | document.body.removeChild(tempInput); // 删除临时输入框 59 | } -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/js/inject.js: -------------------------------------------------------------------------------- 1 | 2 | function to_xpath() { 3 | 4 | console.log('已复制该元素XPath定位语法'); 5 | extractInfoAndAlert(); 6 | } 7 | 8 | 9 | 10 | function to_CSS_path() { 11 | 12 | console.log('已复制该元素css定位语法'); 13 | extractInfoAndAlert(); 14 | } 15 | 16 | function to_DP_path() { 17 | 18 | console.log('已复制该元素dp定位语法'); 19 | 20 | 21 | extractInfoAndAlert(); 22 | 23 | }; 24 | 25 | 26 | function to_show_help(){ 27 | let helpInfo=" 1.按住 ALT ，右键单击元素会弹出快捷菜单 \n 2.单击信息实时显示栏 会切换显示栏位置 \n 3.按F8 直接复制鼠标所在位置的元素语法 " 28 | alert(helpInfo); 29 | } 30 | 31 | 32 | 33 | // 提取元素语法内容 并弹窗提示 34 | function extractInfoAndAlert(){ 35 | // tishi=document.getElementById('show').textContent; 36 | 37 | var tishi2=document.getElementById('show').textContent.substring(13) 38 | copyToClipboard(tishi2); 39 | 40 | alert('已经复制该语法到剪贴板 '+tishi2); 41 | 42 | } 43 | 44 | 45 | 46 | 47 | 48 | // 复制到剪贴板操作 49 | function copyToClipboard(text) { 50 | var tempInput = document.createElement("input"); // 创建临时输入框元素 51 | 52 | tempInput.value = text; // 将输入的文本赋给临时输入框 53 | document.body.appendChild(tempInput); // 将临时输入框添加到页面中 54 | 55 | tempInput.select(); // 选中临时输入框中的文本 56 | document.execCommand("copy"); // 执行复制操作 57 | 58 | document.body.removeChild(tempInput); // 删除临时输入框 59 | } -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/css/popup2.css: -------------------------------------------------------------------------------- 1 | /* popup.css */ 2 | 3 | /* 整体样式 */ 4 | body { 5 | background: #efedf0; 6 | width:280px; 7 | height:350px; 8 | padding: 5px; 9 | 10 | 11 | 12 | } 13 | 14 | /* Logo 样式 */ 15 | .logo { 16 | display: flex; 17 | align-items: center; 18 | margin-bottom: 5px; 19 | } 20 | 21 | #saologo { 22 | /* width: 50px; */ 23 | height: 60px; 24 | vertical-align: middle; 25 | } 26 | 27 | /* 切换信息 */ 28 | 29 | #ceshi { 30 | color: #ec0d0d; /* 文本颜色 */ 31 | font-size: large; /* 字体大小 */ 32 | font-style: italic; /* 字体样式（斜体） */ 33 | font-weight: bold; /* 字体粗细（粗体） */ 34 | } 35 | 36 | 37 | /* 设置#on1按钮为绿色并增大尺寸 */ 38 | .green_button { 39 | background-color: green; /* 设置背景色为绿色 */ 40 | color: white; /* 设置文字颜色为白色，以便在绿色背景上更清晰可见 */ 41 | border: 2px; /* 移除边框 */ 42 | padding: 10px 10px; /* 增加内边距，使按钮看起来更大 */ 43 | font-size: 12px; /* 设置字体大小 */ 44 | border-radius: 5px; /* 设置边框圆角，使按钮边角更圆润 */ 45 | cursor: pointer; /* 鼠标悬停时显示手型图标，表明这是一个可点击的按钮 */ 46 | margin: 5px; 47 | 48 | } 49 | 50 | /* 设置#off1按钮为红色并增大尺寸 */ 51 | #off1 { 52 | background-color: red; /* 设置背景色为红色 */ 53 | color: white; /* 设置文字颜色为白色 */ 54 | border: none; /* 移除边框 */ 55 | padding: 10px 20px; /* 增加内边距，使按钮看起来更大 */ 56 | font-size: 12px; /* 设置字体大小 */ 57 | border-radius: 5px; /* 设置边框圆角 */ 58 | cursor: pointer; /* 鼠标悬停时显示手型图标 */ 59 | } 60 | 61 | /* 如果需要，可以添加悬停效果 */ 62 | #on1:hover, #off1:hover { 63 | opacity: 0.8; /* 鼠标悬停时降低按钮的不透明度 */ 64 | } -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/abc.css: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | /* 快捷菜单样式 */ 6 | #caidan { 7 | position: absolute; 8 | /* background-color: #af9c9c; */ 9 | padding: 5px; 10 | /* border: 1px solid #ccc; */ 11 | /* cursor: pointer; */ 12 | color: white; 13 | 14 | box-shadow: #00000080 0 10px 30px; 15 | 16 | z-index: 9999; 17 | border-radius: 3px; 18 | padding: 5px 4px; 19 | background-color: #0b0b0bcc; 20 | -webkit-backdrop-filter: blur(10px); 21 | backdrop-filter: blur(10px); 22 | border: 1px solid rgba(11, 11, 11, .2); 23 | 24 | } 25 | 26 | /* 导航栏样式 */ 27 | #daohanglan { 28 | background-color: lightgrey; 29 | color: rgb(7, 121, 64); 30 | font-size: 15px; 31 | font-family: consolas; 32 | /* position: fixed; */ 33 | position: absolute; 34 | /* left: 0; */ 35 | /* height: 100%; */ 36 | /* height: 40px; */ 37 | max-width: 50%; 38 | z-index: 5000; 39 | text-align: left; 40 | border-radius: 5px; 41 | /* 添加粗边框 */ 42 | border-width: 1px; /* 设置边框宽度 */ 43 | border-style: solid; /* 设置边框样式为实线 */ 44 | border-color: rgb(129, 71, 71); /* 设置边框颜色为黑色 */ 45 | padding: 5px; /* 为上、下、左、右都设置10像素的内边距 */ 46 | 47 | 48 | } 49 | 50 | 51 | 52 | 53 | /* 提示样式 */ 54 | #show { 55 | color:green; 56 | font-size: 12px; 57 | /* display: block; */ 58 | } 59 | 60 | /* 快捷菜单悬浮 */ 61 | #myTable td:hover { 62 | background-color: lightgrey; 63 | border-radius: 2px; 64 | margin: 4px 0; 65 | } 66 | 67 | 68 | /* 隐藏类 */ 69 | .hidden { 70 | display: none; 71 | 72 | } 73 | 74 | /* 位置切换类 */ 75 | 76 | 77 | 78 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/js/div_show_switch.js: -------------------------------------------------------------------------------- 1 | function set_on() { 2 | chrome.storage.local.set({ show_div: '显示' }, function () { 3 | console.log('Data saved.'); 4 | }); 5 | 6 | // 读取数据 7 | chrome.storage.local.get('show_div', function (result) { 8 | 9 | document.getElementById('ceshi').innerHTML = '->' + result.show_div; 10 | document.getElementById('on1').innerHTML = '关闭信息展示栏'; 11 | document.getElementById('on1').style.backgroundColor = 'red' 12 | // console.log(result.show_div); 13 | 14 | }); 15 | 16 | } 17 | function set_off() { 18 | chrome.storage.local.set({ show_div: '隐藏' }, function () { 19 | console.log('Data saved.'); 20 | }); 21 | 22 | // 读取数据 23 | chrome.storage.local.get('show_div', function (result) { 24 | 25 | document.getElementById('ceshi').innerHTML = '->' + result.show_div; 26 | document.getElementById('on1').innerHTML = '开启信息展示栏'; 27 | document.getElementById('on1').style.backgroundColor = 'green' 28 | // console.log(result.show_div); 29 | 30 | }); 31 | 32 | } 33 | 34 | function toggleSwitch() { 35 | // 切换开关状态 36 | var checkBox = document.getElementById("kaiguan1"); 37 | if (checkBox.checked) { 38 | 39 | set_off(); 40 | } else { 41 | 42 | set_on(); 43 | } 44 | } 45 | function toggleSwitch_button() { 46 | // 切换开关状态 47 | 48 | if (document.getElementById('ceshi').innerHTML.includes('显示')) { 49 | 50 | set_off(); 51 | 52 | } else { 53 | set_on(); 54 | 55 | } 56 | } 57 | 58 | 59 | // 获取 on1 按钮元素并添加点击事件监听器 60 | 61 | 62 | 63 | 64 | document.getElementById('on1').addEventListener('click', toggleSwitch_button); 65 | // document.getElementById('off1').addEventListener('click', set_off); 66 | document.getElementById("kaiguan1").addEventListener("click", toggleSwitch); 67 | 68 | 69 | // 默认展示信息栏 70 | set_on(); 71 | 72 | 73 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/css/popup.css: -------------------------------------------------------------------------------- 1 | /* popup.css */ 2 | 3 | /* 整体样式 */ 4 | body { 5 | background: #9d9ea0a9; 6 | width:280px; 7 | height:350px; 8 | padding: 5px; 9 | border-radius: 10px; 10 | 11 | 12 | 13 | } 14 | 15 | /* Logo 样式 */ 16 | .logo { 17 | display: flex; 18 | align-items: center; 19 | margin-bottom: 5px; 20 | } 21 | 22 | #saologo { 23 | /* width: 50px; */ 24 | height: 60px; 25 | vertical-align: middle; 26 | } 27 | 28 | /* 切换信息 */ 29 | 30 | #ceshi { 31 | color: #ec0d0d; /* 文本颜色 */ 32 | font-size: large; /* 字体大小 */ 33 | font-style: italic; /* 字体样式（斜体） */ 34 | font-weight: bold; /* 字体粗细（粗体） */ 35 | } 36 | 37 | 38 | /* 设置#on1按钮为绿色并增大尺寸 */ 39 | .green_button { 40 | background-color: green; /* 设置背景色为绿色 */ 41 | color: white; /* 设置文字颜色为白色，以便在绿色背景上更清晰可见 */ 42 | border: 2px; /* 移除边框 */ 43 | padding: 10px 10px; /* 增加内边距，使按钮看起来更大 */ 44 | font-size: 12px; /* 设置字体大小 */ 45 | border-radius: 5px; /* 设置边框圆角，使按钮边角更圆润 */ 46 | cursor: pointer; /* 鼠标悬停时显示手型图标，表明这是一个可点击的按钮 */ 47 | margin: 5px; 48 | 49 | } 50 | .blue_button { 51 | background-color: rgb(47, 31, 148); /* 设置背景色为绿色 */ 52 | color: white; /* 设置文字颜色为白色，以便在绿色背景上更清晰可见 */ 53 | border: 2px; /* 移除边框 */ 54 | padding: 10px 10px; /* 增加内边距，使按钮看起来更大 */ 55 | font-size: 12px; /* 设置字体大小 */ 56 | border-radius: 5px; /* 设置边框圆角，使按钮边角更圆润 */ 57 | cursor: pointer; /* 鼠标悬停时显示手型图标，表明这是一个可点击的按钮 */ 58 | margin: 5px; 59 | 60 | } 61 | 62 | /* 设置#off1按钮为红色并增大尺寸 */ 63 | #off1 { 64 | background-color: red; /* 设置背景色为红色 */ 65 | color: white; /* 设置文字颜色为白色 */ 66 | border: none; /* 移除边框 */ 67 | padding: 10px 20px; /* 增加内边距，使按钮看起来更大 */ 68 | font-size: 12px; /* 设置字体大小 */ 69 | border-radius: 5px; /* 设置边框圆角 */ 70 | cursor: pointer; /* 鼠标悬停时显示手型图标 */ 71 | } 72 | 73 | /* 如果需要，可以添加悬停效果 */ 74 | #on1:hover, #off1:hover { 75 | opacity: 0.8; /* 鼠标悬停时降低按钮的不透明度 */ 76 | } 77 | 78 | 79 | 80 | #search_input { 81 | height: 15px; 82 | /* width: 300px; */ 83 | padding: 10px; 84 | font-size: 16px; 85 | border: 2px solid #ccc; 86 | border-radius: 5px; 87 | box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); 88 | outline: none; 89 | } -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/js/popup.js: -------------------------------------------------------------------------------- 1 | function set_on() { 2 | chrome.storage.local.set({ show_div: '显示' }, function () { 3 | console.log('Data saved.'); 4 | }); 5 | 6 | // 读取数据 7 | chrome.storage.local.get('show_div', function (result) { 8 | 9 | document.getElementById('ceshi').innerHTML = '->' + result.show_div; 10 | document.getElementById('on1').innerHTML = '关闭信息展示栏'; 11 | document.getElementById('on1').style.backgroundColor = 'red' 12 | // console.log(result.show_div); 13 | 14 | }); 15 | 16 | } 17 | function set_off() { 18 | chrome.storage.local.set({ show_div: '隐藏' }, function () { 19 | console.log('Data saved.'); 20 | }); 21 | 22 | // 读取数据 23 | chrome.storage.local.get('show_div', function (result) { 24 | 25 | document.getElementById('ceshi').innerHTML = '->' + result.show_div; 26 | document.getElementById('on1').innerHTML = '开启信息展示栏'; 27 | document.getElementById('on1').style.backgroundColor = 'green' 28 | // console.log(result.show_div); 29 | 30 | }); 31 | 32 | } 33 | 34 | function toggleSwitch() { 35 | // 切换开关状态 36 | var checkBox = document.getElementById("kaiguan1"); 37 | if (checkBox.checked) { 38 | 39 | set_off(); 40 | } else { 41 | 42 | set_on(); 43 | } 44 | } 45 | function toggleSwitch_button() { 46 | // 切换开关状态 47 | 48 | if (document.getElementById('ceshi').innerHTML.includes('显示')) { 49 | 50 | set_off(); 51 | 52 | } else { 53 | set_on(); 54 | 55 | } 56 | } 57 | function scan_finger_print(){ 58 | window.open("https://ip77.net/", "_blank"); 59 | } 60 | function open_video_website(){ 61 | window.open("https://space.bilibili.com/308704191/channel/collectiondetail?sid=1947582", "_blank"); 62 | } 63 | function open_chaxun_website(){ 64 | let info=document.getElementById('search_input').value; 65 | window.open("https://drissionpage.cn/search?q="+info, "_blank"); 66 | } 67 | 68 | // 获取 on1 按钮元素并添加点击事件监听器 69 | 70 | 71 | 72 | 73 | document.getElementById('on1').addEventListener('click', scan_finger_print); 74 | document.getElementById('jiaocheng').addEventListener('click', open_video_website); 75 | document.getElementById('search').addEventListener('click', open_chaxun_website); 76 | 77 | 78 | 79 | 80 | 81 | 82 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/css/code_helper.css: -------------------------------------------------------------------------------- 1 | 2 | body { 3 | display: flex; 4 | /* justify-content: center; */ 5 | /* 居中 */ 6 | align-items: center; 7 | /* 垂直排列 */ 8 | flex-direction: column; 9 | background-color: rgb(192, 192, 192); 10 | 11 | } 12 | 13 | #main_tab{ 14 | width: 80%; 15 | font-family: Jetbrains mono; 16 | font-size: 14px; 17 | 18 | } 19 | 20 | .yi_hang{ 21 | display: flex; 22 | 23 | flex-direction:row; 24 | padding-top: 10px; 25 | padding-left: 2px; 26 | /* 外边距 */ 27 | margin-left: 5px; 28 | } 29 | 30 | #saologo{ 31 | height: 60px; 32 | } 33 | 34 | #wenben{ 35 | width: 100%; 36 | font-family: fira code, monospace; 37 | background-color: #333; 38 | color: rgb(243, 245, 243); 39 | } 40 | 41 | 42 | /* 按钮特效 */ 43 | .start_button { 44 | padding: 8px 5px; 45 | background-color: #51ac54; 46 | color: white; 47 | /* border: none; */ 48 | border-radius: 5px; 49 | text-align: center; 50 | text-decoration: none; 51 | display: inline-block; 52 | font-size: 14px; 53 | margin: 4px 2px; 54 | transition-duration: 0.4s; 55 | cursor: pointer; 56 | } 57 | 58 | .start_button:hover { 59 | background-color: #0fac17; 60 | color: white; 61 | /* border: 10px; */ 62 | border-color: rgb(241, 83, 44); 63 | } 64 | 65 | 66 | .red_button { 67 | padding: 8px 5px; 68 | background-color: #ee5214; 69 | color: white; 70 | /* border: none; */ 71 | border-radius: 5px; 72 | text-align: center; 73 | text-decoration: none; 74 | display: inline-block; 75 | font-size: 14px; 76 | margin: 4px 2px; 77 | transition-duration: 0.4s; 78 | cursor: pointer; 79 | } 80 | 81 | .red_button:hover { 82 | background-color: #0fac17; 83 | color: white; 84 | /* border: 10px; */ 85 | border-color: rgb(241, 83, 44); 86 | } 87 | 88 | 89 | /* 美化输入框 */ 90 | .input_button1 { 91 | padding: 5px; 92 | width: 300px; 93 | border: 2px solid #163f5a; 94 | border-radius: 5px; 95 | font-size: 12px; 96 | color: #333; 97 | transition: border-color 0.3s; /* 添加过渡效果 */ 98 | 99 | } 100 | 101 | 102 | .input_button1:hover { 103 | border-color: #e74c3c; /* 鼠标悬浮时改变边框颜色 */ 104 | } 105 | 106 | 107 | /* 美化label 文字 */ 108 | 109 | .label1{ 110 | margin:2px 10px 2px 1px; 111 | } -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/css/code_helper.css: -------------------------------------------------------------------------------- 1 | 2 | body { 3 | display: flex; 4 | /* justify-content: center; */ 5 | /* 居中 */ 6 | align-items: center; 7 | /* 垂直排列 */ 8 | flex-direction: column; 9 | background-color: rgb(192, 192, 192); 10 | 11 | } 12 | 13 | #main_tab{ 14 | width: 80%; 15 | font-family: Jetbrains mono; 16 | font-size: 14px; 17 | 18 | } 19 | 20 | .yi_hang{ 21 | display: flex; 22 | 23 | flex-direction:row; 24 | padding-top: 10px; 25 | padding-left: 2px; 26 | /* 外边距 */ 27 | margin-left: 5px; 28 | } 29 | 30 | #saologo{ 31 | height: 60px; 32 | } 33 | 34 | #wenben{ 35 | width: 100%; 36 | font-family: fira code, monospace; 37 | background-color: #333; 38 | color: rgb(243, 245, 243); 39 | } 40 | 41 | 42 | /* 按钮特效 */ 43 | .start_button { 44 | padding: 8px 5px; 45 | background-color: #51ac54; 46 | color: white; 47 | /* border: none; */ 48 | border-radius: 5px; 49 | text-align: center; 50 | text-decoration: none; 51 | display: inline-block; 52 | font-size: 14px; 53 | margin: 4px 2px; 54 | transition-duration: 0.4s; 55 | cursor: pointer; 56 | } 57 | 58 | .start_button:hover { 59 | background-color: #0fac17; 60 | color: white; 61 | /* border: 10px; */ 62 | border-color: rgb(241, 83, 44); 63 | } 64 | 65 | 66 | .red_button { 67 | padding: 8px 5px; 68 | background-color: #ee5214; 69 | color: white; 70 | /* border: none; */ 71 | border-radius: 5px; 72 | text-align: center; 73 | text-decoration: none; 74 | display: inline-block; 75 | font-size: 14px; 76 | margin: 4px 2px; 77 | transition-duration: 0.4s; 78 | cursor: pointer; 79 | } 80 | 81 | .red_button:hover { 82 | background-color: #0fac17; 83 | color: white; 84 | /* border: 10px; */ 85 | border-color: rgb(241, 83, 44); 86 | } 87 | 88 | 89 | /* 美化输入框 */ 90 | .input_button1 { 91 | padding: 5px; 92 | width: 300px; 93 | border: 2px solid #163f5a; 94 | border-radius: 5px; 95 | font-size: 12px; 96 | color: #333; 97 | transition: border-color 0.3s; /* 添加过渡效果 */ 98 | 99 | } 100 | 101 | 102 | .input_button1:hover { 103 | border-color: #e74c3c; /* 鼠标悬浮时改变边框颜色 */ 104 | } 105 | 106 | 107 | /* 美化label 文字 */ 108 | 109 | .label1{ 110 | margin:2px 10px 2px 1px; 111 | } -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/css/js_hook.css: -------------------------------------------------------------------------------- 1 | 2 | body { 3 | display: flex; 4 | /* justify-content: center; */ 5 | /* 居中 */ 6 | align-items: center; 7 | /* 垂直排列 */ 8 | flex-direction: column; 9 | background-color: rgba(143, 142, 142, 0.767); 10 | 11 | } 12 | 13 | #main_tab{ 14 | width: 80%; 15 | font-family: Jetbrains mono; 16 | font-size: 14px; 17 | 18 | } 19 | 20 | .yi_hang{ 21 | display: flex; 22 | 23 | flex-direction:row; 24 | padding-top: 10px; 25 | padding-left: 2px; 26 | /* 外边距 */ 27 | margin-left: 5px; 28 | } 29 | 30 | #saologo{ 31 | height: 60px; 32 | } 33 | 34 | #wenben{ 35 | width: 100%; 36 | font-family: fira code, monospace; 37 | background-color: #333; 38 | color: rgb(243, 245, 243); 39 | } 40 | 41 | 42 | /* 按钮特效 */ 43 | .start_button { 44 | padding: 8px 5px; 45 | background-color: #51ac54; 46 | color: white; 47 | /* border: none; */ 48 | border-radius: 5px; 49 | text-align: center; 50 | text-decoration: none; 51 | display: inline-block; 52 | font-size: 14px; 53 | margin: 4px 2px; 54 | transition-duration: 0.4s; 55 | cursor: pointer; 56 | } 57 | 58 | .start_button:hover { 59 | background-color: #0fac17; 60 | color: white; 61 | /* border: 10px; */ 62 | border-color: rgb(241, 83, 44); 63 | } 64 | 65 | 66 | .red_button { 67 | padding: 8px 5px; 68 | background-color: #ee5214; 69 | color: white; 70 | /* border: none; */ 71 | border-radius: 5px; 72 | text-align: center; 73 | text-decoration: none; 74 | display: inline-block; 75 | font-size: 14px; 76 | margin: 4px 2px; 77 | transition-duration: 0.4s; 78 | cursor: pointer; 79 | } 80 | 81 | .red_button:hover { 82 | background-color: #0fac17; 83 | color: white; 84 | /* border: 10px; */ 85 | border-color: rgb(241, 83, 44); 86 | } 87 | 88 | 89 | /* 美化输入框 */ 90 | .input_button1 { 91 | padding: 5px; 92 | width: 300px; 93 | border: 2px solid #163f5a; 94 | border-radius: 5px; 95 | font-size: 12px; 96 | color: #333; 97 | transition: border-color 0.3s; /* 添加过渡效果 */ 98 | 99 | } 100 | 101 | 102 | .input_button1:hover { 103 | border-color: #e74c3c; /* 鼠标悬浮时改变边框颜色 */ 104 | } 105 | 106 | 107 | /* 美化label 文字 */ 108 | 109 | .label1{ 110 | margin:2px 10px 2px 1px; 111 | } -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/right_click.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | //-------------------------------------- 创建一个 右键快捷菜单div 5 | 6 | var menu_div = document.createElement('div'); 7 | menu_div.id = 'caidan'; 8 | // 设置要添加的innerHtml内容 9 | var innerHtmlContent = ` 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 |
复制 DrissionPage 语法
复制 XPath 语法
复制CSS的语法
按键帮助
27 | `; 28 | 29 | 30 | menu_div.innerHTML=innerHtmlContent; 31 | 32 | document.body.appendChild(menu_div); 33 | 34 | menu_div.classList.add("hidden");//隐藏 div标签 35 | menu_div.style.zIndex = '5000'; // 确保在页面上方显示 36 | 37 | 38 | 39 | 40 | // -------------------------------------------工具函数 41 | 42 | document.addEventListener('click', function (event) { 43 | if (event.button === 0 ) { 44 | if(!menu_div.classList.contains("hidden")) menu_div.classList.add("hidden"); 45 | 46 | } 47 | }); 48 | 49 | 50 | 51 | //弹出菜单 52 | 53 | function toggleMenu(x,y) { 54 | 55 | menu_div.style.top = y + 'px'; 56 | menu_div.style.left = x + 'px'; 57 | if (menu_div.classList.contains("hidden")) { 58 | // 如果第二个按钮已经被隐藏，显示它 59 | 60 | menu_div.classList.remove("hidden"); 61 | 62 | 63 | } 64 | } 65 | 66 | 67 | 68 | 69 | 70 | // ----------------------------监听alt和鼠标右键 是否被同时按下 71 | var altKeyPressed = false; 72 | 73 | document.addEventListener('mousedown', function (e) { 74 | if (e.button === 2 && altKeyPressed) { 75 | e.preventDefault(); // 阻止默认的右键菜单弹出 76 | toggleMenu(e.clientX, e.clientY); // 调用 toggleDIV() 函数 77 | } 78 | }); 79 | 80 | document.addEventListener('keydown', function (event) { 81 | if (event.key === 'Alt') { 82 | altKeyPressed = true; 83 | } 84 | }); 85 | 86 | document.addEventListener('keyup', function (event) { 87 | if (event.key === 'Alt') { 88 | altKeyPressed = false; 89 | } 90 | }); 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/popup.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 15 |
16 |
17 | 62 |
63 |
64 | 65 | 66 | 67 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/popup.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 22 | 23 |
24 |
25 | 88 |
89 |
90 | 91 | 92 | 93 | 94 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/code_helper.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 骚神库代码生成助手 7 | 8 | 9 | 10 |
11 | 12 |
13 | 14 | 15 | 16 |

代码生成助手 网页版 1.0

17 | 18 |
.
19 | 20 | 21 |
22 |
23 | 24 |
25 | ChromePage 模式 26 |
27 | 28 |
29 | 浏览器关联 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 |
41 | 42 |
43 | 默认是本地谷歌浏览器 44 | 45 | 46 | 47 | 48 | 49 | 50 |
51 | 52 |
53 | 启动前设置 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 |
74 | 75 |
76 | UA设置 77 | 78 | 83 | 84 |
85 | 86 |
87 | 代理地址 88 | 89 | 90 | 91 |
92 |
93 | 设置Cookie 94 | 95 | 96 | 97 |
98 | 99 |
100 | 启动端口 101 | 102 | 103 | 104 |
105 | 106 |
107 | 启动网址 108 | 109 | 110 | 111 |
112 | 113 | 114 |
115 |
116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 |
125 | 126 | 127 | 128 | 129 |
130 | 131 | 132 | 133 | 134 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/js_hook.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | js 逆向 7 | 8 | 9 | 10 |
11 | 12 |
13 | 14 | 15 | 16 |

骚神-JS逆向助手

17 | 18 | 19 | 20 | 21 |
22 |
23 | 24 |
25 |

JS逆向助手 1.0版本

26 | 27 | 28 |
29 | 浏览器关联 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 |
41 | 42 |
43 | 指定需要hook的全局变量名： 44 | 45 | 47 | 48 |
49 | 50 |
51 | 启动前设置 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 |
72 | 73 |
74 | 全局变量劫持 75 | 76 | 81 | 82 |
83 | 84 |
85 | 代理地址 86 | 87 | 88 | 89 |
90 |
91 | 设置Cookie 92 | 93 | 95 | 96 |
97 | 98 |
99 | 启动端口 100 | 101 | 103 | 104 |
105 | 106 |
107 | 启动网址 108 | 109 | 111 | 112 |
113 | 114 | 115 | 116 |
117 | 118 | 119 | 120 | 121 | 123 | 124 | 126 | 127 |
128 | 129 | 130 | 131 | 132 | 133 |
134 | 135 | 136 | 137 | 138 | 139 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/code_helper.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 打赏作者 7 | 8 | 9 | 10 |
11 | 12 |
13 | 14 | 15 | 16 |

骚神代码助手

17 | 18 | 19 | 20 | 21 |
22 |
23 | 24 |
25 |

代码生成助手 1.2版本

26 |
27 | ChromePage 模式 28 |
29 | 30 |
31 | 浏览器关联 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 |
43 | 44 |
45 | 指定浏览器路径： 46 | 47 | 49 | 50 |
51 | 52 |
53 | 启动前设置 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 |
74 | 75 |
76 | UA设置 77 | 78 | 83 | 84 |
85 | 86 |
87 | 代理地址 88 | 89 | 90 | 91 |
92 |
93 | 设置Cookie 94 | 95 | 97 | 98 |
99 | 100 |
101 | 启动端口 102 | 103 | 105 | 106 |
107 | 108 |
109 | 启动网址 110 | 111 | 113 | 114 |
115 | 116 | 117 | 118 |
119 | 120 | 121 | 122 | 123 | 125 | 126 | 128 | 129 |
130 | 131 | 132 | 133 | 134 | 135 |
136 | 137 | 138 | 139 | 140 | 141 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/js/js_hook.js: -------------------------------------------------------------------------------- 1 | 2 | var code_frame =` 3 | 4 | // https://www.cnblogs.com/Blogwj123/p/17099740.html 5 | // hook-cookie, 定位到cookie 中 JS 代码的位置信息; 6 | // 备份原来的 cookie 属性 7 | document.cookie_bak = document.cookie 8 | // 设置属性的信息 9 | Object.defineProperty(document, 'coockie',{ 10 | // 获取 cookie 的信息 11 | get: function(){ 12 | debugger;// 断点,可以定位到 cookie 发生改变的 js 代码的位置 13 | return document.cookie_bak;// 继续返回原来的代码继续执行 14 | }, 15 | set: function(val){ 16 | debugger; // 设置断点, 定位到 cookie 改变的位置; 17 | return; 18 | } 19 | }) 20 | 21 | 22 | document.cookie_bak = document.cookie 23 | Object.defineProperty(document, 'coockie',{ 24 | get: function(){ 25 | debugger; 26 | return document.cookie_bak; 27 | }, 28 | set: function(val){ 29 | debugger; 30 | return; 31 | } 32 | }) 33 | 34 | ` 35 | 36 | 37 | var init_ConfigDict = { 38 | 'title':"#骚神", 39 | '端口':'', 40 | '静音':'', 41 | 'UA':'', 42 | '代理地址':'', 43 | '启动网址':'page.get("http://gitee.com")', 44 | 'cookie':'' 45 | 46 | }; 47 | 48 | 49 | var resultCode='' 50 | 51 | // 创建一个配置字典的对象 52 | var ConfigDict = init_ConfigDict; 53 | 54 | //工具函数 55 | 56 | function writeToTextarea(character) { 57 | var textarea = document.getElementById('wenben'); 58 | textarea.value = character; 59 | } 60 | 61 | function update_resultCode_from(dic){ 62 | resultCode=code_frame; 63 | for(let k in dic){ 64 | resultCode=resultCode.replace('#'+k,dic[k]) 65 | } 66 | writeToTextarea(resultCode); 67 | 68 | } 69 | 70 | 71 | 72 | // 初始化 代码生成文本框 73 | if (document.getElementById('wenben').value === '空的') update_resultCode_from(init_ConfigDict) ; 74 | 75 | 76 | var copyCodeButton = document.getElementById('copy_code'); 77 | var textarea = document.getElementById('wenben'); 78 | 79 | 80 | // 监听复制代码按钮 81 | copyCodeButton.addEventListener('click', function() { 82 | 83 | 84 | textarea.select(); 85 | document.execCommand('copy'); 86 | alert('代码文本已成功复制到剪贴板！'); 87 | }); 88 | 89 | //实时更新时间 90 | function updateDateTime() { 91 | var now = new Date(); 92 | var year = now.getFullYear(); 93 | var month = now.getMonth() + 1; // 月份是从 0 开始计数的，所以需要加 1 94 | var day = now.getDate(); 95 | var hours = now.getHours(); 96 | var minutes = now.getMinutes(); 97 | var seconds = now.getSeconds(); 98 | 99 | var dateTimeString = year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds; 100 | 101 | 102 | } 103 | 104 | 105 | 106 | 107 | 108 | 109 | // 获取文本框或者输入框的值 110 | function getTextValue(id) { 111 | var textBoxValue = document.getElementById(id).value; 112 | return textBoxValue; 113 | } 114 | 115 | // 获取复选框的值 116 | function getCheckboxValue(id) { 117 | var checkbox = document.getElementById(id); 118 | var checkboxValue = checkbox.checked; 119 | return checkboxValue; 120 | } 121 | 122 | // 获取下拉框的值 123 | function getSelectValue(id) { 124 | var selectElement = document.getElementById(id); 125 | var selectedText = selectElement.options[selectElement.selectedIndex].text; 126 | // var selectValue = select.value; 127 | return selectedText; 128 | } 129 | 130 | function update_config_dict(){ 131 | let duankou=getTextValue('set_port'); 132 | let url=getTextValue('set_url'); 133 | let cookie=getTextValue('set_cookie'); 134 | let proxy=getTextValue('set_proxy'); 135 | let ua=getSelectValue('ua') 136 | 137 | 138 | if(duankou.length>0 )ConfigDict['端口']= `co.set_local_port(${duankou})`; 139 | if(url.includes('http') ) ConfigDict['启动网址']= `page.get("${url}")`; 140 | if(proxy.includes('http') ) ConfigDict['代理地址']= `co.set_proxy("${proxy}")`; 141 | if(cookie.includes('=') ) ConfigDict['cookie']= `page.set.cookies(r"${cookie}")`; 142 | if(ua.includes('安卓') ) ConfigDict['UA']= `co.set_user_agent(Config.UA_android)`; 143 | if(ua.includes('苹果') ) ConfigDict['UA']= `co.set_user_agent(Config.UA_apple)`; 144 | 145 | } 146 | 147 | 148 | 149 | 150 | //监听 刷新按钮 写入代码框 151 | document.getElementById('shengcheng').addEventListener('click', function () { 152 | update_config_dict(); 153 | textarea.value='代码重新生成中...'; 154 | setTimeout(() => { 155 | update_resultCode_from(ConfigDict); 156 | 157 | }, 1000); 158 | 159 | 160 | 161 | }); 162 | 163 | 164 | //监听 show_config按钮 165 | document.getElementById('show_config').addEventListener('click', function () { 166 | update_config_dict(); 167 | let info=''; 168 | for( let k in ConfigDict){ 169 | if (k !='code') info += k+ ": "+ConfigDict[k]+'\n'; 170 | 171 | } 172 | alert(info); 173 | 174 | }); 175 | 176 | //监听 reset_config按钮 177 | document.getElementById('reset_config').addEventListener('click', function () { 178 | // 刷新当前页面 179 | location.reload(); 180 | 181 | }); -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/js/code_helper.js: -------------------------------------------------------------------------------- 1 | 2 | var code_frame =` 3 | #!/usr/bin/env python 4 | # -*- coding:utf-8 -*- 5 | #title 6 | 7 | # DrissionPage 库 文档地址 http://g1879.gitee.io/drissionpagedocs/ 8 | 9 | #-导入库 10 | from DrissionPage import ChromiumPage,ChromiumOptions 11 | 12 | 13 | #-配置类 14 | class Config: 15 | UA_android="Mozilla/5.0 (Linux; Android 11; Pixel 5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.62 Mobile Safari/537.36" 16 | UA_apple="Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.0 Mobile/15E148 Safari/604.1" 17 | 18 | 19 | #-创建配置对象 20 | co=ChromiumOptions() 21 | 22 | #-启动配置 23 | #端口 24 | #代理地址 25 | #UA 26 | #静音 27 | 28 | #-创建浏览器 29 | page = ChromiumPage(addr_or_opts=co) 30 | 31 | #-设置文件下载目录 默认是当前目录 32 | page.set.download_path(".") 33 | 34 | #cookie 35 | #-打开网址 36 | 37 | #启动网址 38 | 39 | test=input('继续 ?') 40 | 41 | ` 42 | 43 | 44 | var init_ConfigDict = { 45 | 'title':"#骚神", 46 | '端口':'', 47 | '静音':'', 48 | 'UA':'', 49 | '代理地址':'', 50 | '启动网址':'page.get("http://gitee.com")', 51 | 'cookie':'' 52 | 53 | }; 54 | 55 | 56 | var resultCode='' 57 | 58 | // 创建一个配置字典的对象 59 | var ConfigDict = init_ConfigDict; 60 | 61 | //工具函数 62 | 63 | function writeToTextarea(character) { 64 | var textarea = document.getElementById('wenben'); 65 | textarea.value = character; 66 | } 67 | 68 | function update_resultCode_from(dic){ 69 | resultCode=code_frame; 70 | for(let k in dic){ 71 | resultCode=resultCode.replace('#'+k,dic[k]) 72 | } 73 | writeToTextarea(resultCode); 74 | 75 | } 76 | 77 | 78 | 79 | // 初始化 代码生成文本框 80 | if (document.getElementById('wenben').value === '空的') update_resultCode_from(init_ConfigDict) ; 81 | 82 | 83 | var copyCodeButton = document.getElementById('copy_code'); 84 | var textarea = document.getElementById('wenben'); 85 | 86 | 87 | // 监听复制代码按钮 88 | copyCodeButton.addEventListener('click', function() { 89 | 90 | 91 | textarea.select(); 92 | document.execCommand('copy'); 93 | alert('代码文本已成功复制到剪贴板！'); 94 | }); 95 | 96 | //实时更新时间 97 | function updateDateTime() { 98 | var now = new Date(); 99 | var year = now.getFullYear(); 100 | var month = now.getMonth() + 1; // 月份是从 0 开始计数的，所以需要加 1 101 | var day = now.getDate(); 102 | var hours = now.getHours(); 103 | var minutes = now.getMinutes(); 104 | var seconds = now.getSeconds(); 105 | 106 | var dateTimeString = year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds; 107 | 108 | 109 | } 110 | 111 | 112 | 113 | 114 | 115 | 116 | // 获取文本框或者输入框的值 117 | function getTextValue(id) { 118 | var textBoxValue = document.getElementById(id).value; 119 | return textBoxValue; 120 | } 121 | 122 | // 获取复选框的值 123 | function getCheckboxValue(id) { 124 | var checkbox = document.getElementById(id); 125 | var checkboxValue = checkbox.checked; 126 | return checkboxValue; 127 | } 128 | 129 | // 获取下拉框的值 130 | function getSelectValue(id) { 131 | var selectElement = document.getElementById(id); 132 | var selectedText = selectElement.options[selectElement.selectedIndex].text; 133 | // var selectValue = select.value; 134 | return selectedText; 135 | } 136 | 137 | function update_config_dict(){ 138 | let duankou=getTextValue('set_port'); 139 | let url=getTextValue('set_url'); 140 | let cookie=getTextValue('set_cookie'); 141 | let proxy=getTextValue('set_proxy'); 142 | let ua=getSelectValue('ua') 143 | 144 | 145 | if(duankou.length>0 )ConfigDict['端口']= `co.set_local_port(${duankou})`; 146 | if(url.includes('http') ) ConfigDict['启动网址']= `page.get("${url}")`; 147 | if(proxy.includes('http') ) ConfigDict['代理地址']= `co.set_proxy("${proxy}")`; 148 | if(cookie.includes('=') ) ConfigDict['cookie']= `page.set.cookies(r"${cookie}")`; 149 | if(ua.includes('安卓') ) ConfigDict['UA']= `co.set_user_agent(Config.UA_android)`; 150 | if(ua.includes('苹果') ) ConfigDict['UA']= `co.set_user_agent(Config.UA_apple)`; 151 | 152 | } 153 | 154 | 155 | 156 | 157 | //监听 刷新按钮 写入代码框 158 | document.getElementById('shengcheng').addEventListener('click', function () { 159 | update_config_dict(); 160 | textarea.value='代码重新生成中...'; 161 | setTimeout(() => { 162 | update_resultCode_from(ConfigDict); 163 | 164 | }, 1000); 165 | 166 | 167 | 168 | }); 169 | 170 | 171 | //监听 show_config按钮 172 | document.getElementById('show_config').addEventListener('click', function () { 173 | update_config_dict(); 174 | let info=''; 175 | for( let k in ConfigDict){ 176 | if (k !='code') info += k+ ": "+ConfigDict[k]+'\n'; 177 | 178 | } 179 | alert(info); 180 | 181 | }); 182 | 183 | //监听 reset_config按钮 184 | document.getElementById('reset_config').addEventListener('click', function () { 185 | // 刷新当前页面 186 | location.reload(); 187 | 188 | }); -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/js/code_helper.js: -------------------------------------------------------------------------------- 1 | 2 | var code_frame =` 3 | #!/usr/bin/env python 4 | # -*- coding:utf-8 -*- 5 | #title 6 | 7 | # DrissionPage 库 文档地址 http://g1879.gitee.io/drissionpagedocs/ 8 | 9 | #-导入库 10 | from DrissionPage import ChromiumPage,ChromiumOptions 11 | 12 | 13 | #-配置类 14 | class Config: 15 | UA_android="Mozilla/5.0 (Linux; Android 11; Pixel 5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.62 Mobile Safari/537.36" 16 | UA_apple="Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.0 Mobile/15E148 Safari/604.1" 17 | 18 | 19 | #-创建配置对象 20 | co=ChromiumOptions() 21 | 22 | #-启动配置 23 | #端口 24 | #代理地址 25 | #UA 26 | #静音 27 | 28 | #-创建浏览器 29 | page = ChromiumPage(addr_or_opts=co) 30 | 31 | #-设置文件下载目录 默认是当前目录 32 | page.set.download_path(".") 33 | 34 | #cookie 35 | #-打开网址 36 | 37 | #启动网址 38 | 39 | test=input('继续 ?') 40 | 41 | ` 42 | 43 | 44 | var init_ConfigDict = { 45 | 'title':"#骚神", 46 | '端口':'', 47 | '静音':'', 48 | 'UA':'', 49 | '代理地址':'', 50 | '启动网址':'page.get("http://gitee.com")', 51 | 'cookie':'' 52 | 53 | }; 54 | 55 | 56 | var resultCode='' 57 | 58 | // 创建一个配置字典的对象 59 | var ConfigDict = init_ConfigDict; 60 | 61 | //工具函数 62 | 63 | function writeToTextarea(character) { 64 | var textarea = document.getElementById('wenben'); 65 | textarea.value = character; 66 | } 67 | 68 | function update_resultCode_from(dic){ 69 | resultCode=code_frame; 70 | for(let k in dic){ 71 | resultCode=resultCode.replace('#'+k,dic[k]) 72 | } 73 | writeToTextarea(resultCode); 74 | 75 | } 76 | 77 | 78 | 79 | // 初始化 代码生成文本框 80 | if (document.getElementById('wenben').value === '空的') update_resultCode_from(init_ConfigDict) ; 81 | 82 | 83 | var copyCodeButton = document.getElementById('copy_code'); 84 | var textarea = document.getElementById('wenben'); 85 | 86 | 87 | // 监听复制代码按钮 88 | copyCodeButton.addEventListener('click', function() { 89 | 90 | 91 | textarea.select(); 92 | document.execCommand('copy'); 93 | alert('代码文本已成功复制到剪贴板！'); 94 | }); 95 | 96 | //实时更新时间 97 | function updateDateTime() { 98 | var now = new Date(); 99 | var year = now.getFullYear(); 100 | var month = now.getMonth() + 1; // 月份是从 0 开始计数的，所以需要加 1 101 | var day = now.getDate(); 102 | var hours = now.getHours(); 103 | var minutes = now.getMinutes(); 104 | var seconds = now.getSeconds(); 105 | 106 | var dateTimeString = year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds; 107 | 108 | document.getElementById('dateTimeDisplay').innerText = dateTimeString; 109 | } 110 | 111 | // 每秒钟更新一次日期和时间 112 | setInterval(updateDateTime, 1000); 113 | 114 | 115 | 116 | 117 | // 获取文本框或者输入框的值 118 | function getTextValue(id) { 119 | var textBoxValue = document.getElementById(id).value; 120 | return textBoxValue; 121 | } 122 | 123 | // 获取复选框的值 124 | function getCheckboxValue(id) { 125 | var checkbox = document.getElementById(id); 126 | var checkboxValue = checkbox.checked; 127 | return checkboxValue; 128 | } 129 | 130 | // 获取下拉框的值 131 | function getSelectValue(id) { 132 | var selectElement = document.getElementById(id); 133 | var selectedText = selectElement.options[selectElement.selectedIndex].text; 134 | // var selectValue = select.value; 135 | return selectedText; 136 | } 137 | 138 | function update_config_dict(){ 139 | let duankou=getTextValue('set_port'); 140 | let url=getTextValue('set_url'); 141 | let cookie=getTextValue('set_cookie'); 142 | let proxy=getTextValue('set_proxy'); 143 | let ua=getSelectValue('ua') 144 | 145 | 146 | if(duankou.length>0 )ConfigDict['端口']= `co.set_local_port(${duankou})`; 147 | if(url.includes('http') ) ConfigDict['启动网址']= `page.get("${url}")`; 148 | if(proxy.includes('http') ) ConfigDict['代理地址']= `co.set_proxy("${proxy}")`; 149 | if(cookie.includes('=') ) ConfigDict['cookie']= `page.set.cookies(r"${cookie}")`; 150 | if(ua.includes('安卓') ) ConfigDict['UA']= `co.set_user_agent(Config.UA_android)`; 151 | if(ua.includes('苹果') ) ConfigDict['UA']= `co.set_user_agent(Config.UA_apple)`; 152 | 153 | } 154 | 155 | 156 | 157 | 158 | //监听 刷新按钮 写入代码框 159 | document.getElementById('shengcheng').addEventListener('click', function () { 160 | update_config_dict(); 161 | textarea.value='代码重新生成中...'; 162 | setTimeout(() => { 163 | update_resultCode_from(ConfigDict); 164 | 165 | }, 1000); 166 | 167 | 168 | 169 | }); 170 | 171 | 172 | //监听 show_config按钮 173 | document.getElementById('show_config').addEventListener('click', function () { 174 | update_config_dict(); 175 | let info=''; 176 | for( let k in ConfigDict){ 177 | if (k !='code') info += k+ ": "+ConfigDict[k]+'\n'; 178 | 179 | } 180 | alert(info); 181 | 182 | }); 183 | 184 | //监听 reset_config按钮 185 | document.getElementById('reset_config').addEventListener('click', function () { 186 | // 刷新当前页面 187 | location.reload(); 188 | 189 | }); -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/content.css: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | /* 快捷菜单样式 */ 6 | #caidan { 7 | position: absolute; 8 | /* background-color: #af9c9c; */ 9 | padding: 5px; 10 | /* border: 1px solid #ccc; */ 11 | /* cursor: pointer; */ 12 | color: white; 13 | 14 | box-shadow: #00000080 0 10px 30px; 15 | 16 | z-index: 9999; 17 | border-radius: 3px; 18 | padding: 5px 4px; 19 | background-color: #0b0b0bcc; 20 | -webkit-backdrop-filter: blur(10px); 21 | backdrop-filter: blur(10px); 22 | border: 1px solid rgba(11, 11, 11, .2); 23 | 24 | } 25 | 26 | /* 导航栏样式 */ 27 | #daohanglan { 28 | background-color: rgb(238, 236, 236); 29 | color: rgb(7, 121, 64); 30 | font-size: 15px; 31 | font-family: consolas; 32 | /* position: fixed; */ 33 | position: absolute; 34 | 35 | max-width: 400px; 36 | overflow: hidden; 37 | z-index: 5000; 38 | text-align: left; 39 | border-radius: 5px; 40 | /* 添加粗边框 */ 41 | border-width: 1px; /* 设置边框宽度 */ 42 | border-style: solid; /* 设置边框样式为实线 */ 43 | border-color: rgb(99, 89, 89); /* 设置边框颜色为黑色 */ 44 | padding: 5px; /* 为上、下、左、右都设置10像素的内边距 */ 45 | 46 | 47 | } 48 | 49 | 50 | 51 | 52 | /* 提示样式 */ 53 | #show { 54 | color:green; 55 | font-size: 12px; 56 | /* display: block; */ 57 | } 58 | 59 | /* 快捷菜单悬浮 */ 60 | #myTable td:hover { 61 | background-color: lightgrey; 62 | border-radius: 2px; 63 | margin: 4px 0; 64 | } 65 | 66 | 67 | /* 隐藏类 */ 68 | .hidden { 69 | display: none; 70 | } 71 | 72 | /* 位置切换类 */ 73 | 74 | /* 按钮样式设置 */ 75 | #cebianlan_Button { 76 | /* 按钮的高度为50像素 */ 77 | /* height: 50px; */ 78 | background-color: rgb(221, 202, 177); 79 | border-radius: 10px 0 0 10px; 80 | font-size: larger; 81 | z-index: 1200; 82 | } 83 | 84 | /* 按钮悬停时的样式设置 */ 85 | #cebianlan_Button:hover { 86 | background-color: rgb(247, 163, 7); 87 | /* 当鼠标悬停时，按钮的背景颜色变为红色 */ 88 | } 89 | 90 | 91 | 92 | 93 | /* 悬浮窗 样式表 */ 94 | .floating-window { 95 | position: fixed; 96 | top: 30%; /* 调整初始位置 */ 97 | left: 3px; /* 调整初始位置 */ 98 | width: 350px; 99 | /* height: 200px; */ 100 | border: 2px solid #7d7e80; 101 | border-radius: 5px; 102 | background-color: #fff; 103 | z-index: 1000; 104 | background-color: rgb(222, 224, 228); 105 | font-family: 'consolas'; 106 | overflow: hidden; /* 超出部分隐藏 */ 107 | } 108 | 109 | .title-bar { 110 | background-color: #6792c4; 111 | padding-left: 10px; 112 | padding-right: 10px; 113 | padding-top: 5px; 114 | padding-bottom: 5px; 115 | cursor: move; 116 | font-weight: bolder; 117 | font-family: 'consolas'; 118 | } 119 | 120 | .close-btn { 121 | float: right; 122 | cursor: pointer; 123 | font-size: large; 124 | font-weight: bold; 125 | font-family: Arial, Helvetica, sans-serif; 126 | 127 | 128 | } 129 | 130 | 131 | /* 侧边栏按钮 */ 132 | #cebianlan { 133 | position: fixed; 134 | right: 5%; 135 | bottom: 70%; 136 | z-index: 2000; 137 | } 138 | 139 | /* 去掉列表项的默认黑点 */ 140 | ul { 141 | list-style-type: none; 142 | padding: 0; 143 | } 144 | 145 | /* 样式化圆形按钮 */ 146 | .yuananniu { 147 | position: relative; /* 相对定位 */ 148 | width: 50px; 149 | height: 50px; 150 | border-radius: 50%; /* 圆形边框 */ 151 | border: 3px solid #b89595; /* 边框样式 */ 152 | cursor: pointer; /* 鼠标悬停样式 */ 153 | font-size: x-large; 154 | color: rgb(167, 29, 52); /* 文字颜色 */ 155 | background-color: rgba(211, 211, 211, 0.445); /* 背景颜色 */ 156 | display: flex; /* 使用弹性盒布局 */ 157 | justify-content: center; /* 水平居中 */ 158 | align-items: center; /* 垂直居中 */ 159 | } 160 | 161 | 162 | /* 下拉菜单样式 */ 163 | .sao-dropdown-menu { 164 | position: absolute; /* 绝对定位 */ 165 | z-index: 2000; /* 设置层级 */ 166 | top: 100%; /* 相对于父元素的底部对齐 */ 167 | left: 0; /* 相对于父元素的左侧对齐 */ 168 | width: 120px; 169 | background-color: #ffffff80; /* 背景颜色及透明度 */ 170 | border: 1px solid #ccc; /* 边框样式 */ 171 | border-radius: 5px; /* 边框圆角 */ 172 | padding: 5px 0; /* 内边距 */ 173 | opacity: 0; /* 初始不透明度为0，隐藏 */ 174 | transition: opacity 0.3s; /* 渐变过渡效果 */ 175 | pointer-events: none; /* 确保下拉菜单在隐藏时不可点击 */ 176 | } 177 | 178 | /* 鼠标悬停时显示下拉菜单 */ 179 | .yuananniu:hover .sao-dropdown-menu { 180 | opacity: 1; /* 透明度为1，显示 */ 181 | pointer-events: auto; /* 在可见时启用指针事件 */ 182 | } 183 | 184 | /* 下拉菜单项样式 */ 185 | .sao-dropdown-item { 186 | padding: 5px 10px; /* 内边距 */ 187 | cursor: pointer; /* 鼠标样式 */ 188 | font-size: xx-small; /* 字体大小 */ 189 | margin: 1px; /* 外边距 */ 190 | border: 1px solid transparent; /* 边框样式 */ 191 | } 192 | 193 | /* 鼠标悬停时下拉菜单项样式 */ 194 | .sao-dropdown-item:hover { 195 | background-color: rgba(221, 146, 165, 0.349); /* 背景颜色及透明度 */ 196 | border-radius: 4px; /* 边框圆角 */ 197 | border-color: rgba(221, 146, 165, 0.349); /* 边框颜色 */ 198 | } 199 | 200 | /* 鼠标悬停样式 */ 201 | .yuananniu:hover { 202 | transform: scale(1.2); /* 放大效果 */ 203 | background-color: lightgray; /* 背景颜色变化 */ 204 | border: 3px solid rgb(145, 18, 18); /* 边框颜色变化 */ 205 | } 206 | 207 | 208 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/tool.js: -------------------------------------------------------------------------------- 1 | 2 | // 自动消失的提示框 3 | function AutoDismissAlert(message, duration) { 4 | // 创建提示框元素 5 | const alertBox = document.createElement("div"); 6 | alertBox.textContent = message; 7 | alertBox.style.position = "fixed"; 8 | alertBox.style.top = "50%"; 9 | alertBox.style.left = "50%"; 10 | alertBox.style.transform = "translate(-50%, -50%)"; 11 | alertBox.style.padding = "15px"; 12 | alertBox.style.backgroundColor = "rgba(0, 0, 0, 0.6)"; 13 | alertBox.style.color = "#fff"; 14 | alertBox.style.borderRadius = "5px"; 15 | alertBox.style.zIndex = "9999"; 16 | alertBox.style.fontSize = "30px"; // 设置字体大小为 20px 17 | 18 | // 将提示框添加到页面中 19 | document.body.appendChild(alertBox); 20 | 21 | // 设置定时器，在指定的停留时间后自动移除提示框 22 | setTimeout(function() { 23 | alertBox.remove(); 24 | }, duration); 25 | } 26 | 27 | 28 | var init_code =` 29 | #!/usr/bin/env python 30 | # -*- coding:utf-8 -*- 31 | 32 | # DrissionPage 库 文档地址 http://g1879.gitee.io/drissionpagedocs/ 33 | 34 | #-导入库 35 | from DrissionPage import ChromiumPage,ChromiumOptions 36 | 37 | 38 | #-配置类 39 | class Config: 40 | UA_android="Mozilla/5.0 (Linux; Android 11; Pixel 5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.62 Mobile Safari/537.36" 41 | UA_apple="Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.0 Mobile/15E148 Safari/604.1" 42 | 43 | 44 | #-创建配置对象 45 | co=ChromiumOptions() 46 | #-启动配置 配置端口 47 | co.set_local_port(9222) 48 | 49 | #-创建浏览器 50 | page = ChromiumPage(co) 51 | 52 | #-设置文件下载目录 默认是当前目录 53 | page.set.download_path(".") 54 | 55 | #启动网址 56 | page.get('${window.location.href}') 57 | 58 | 59 | test=input('继续 ?') 60 | 61 | ` 62 | class CheckboxOBJ { 63 | constructor(father_ele) { 64 | this.eles = []; 65 | this.father_ele=father_ele; 66 | this.config = { 67 | div: false, 68 | input: true, 69 | img: true, 70 | a:true, 71 | li:true, 72 | button:true 73 | }; 74 | for (let key in this.config) this.add(key, this.config[key]); 75 | } 76 | 77 | create_ele(labelText, isSelected) { 78 | const label = document.createElement("label"); 79 | label.id = labelText + '_checkbox'; 80 | const checkbox = document.createElement("input"); 81 | checkbox.type = "checkbox"; 82 | checkbox.checked = isSelected; 83 | label.appendChild(checkbox); 84 | label.appendChild(document.createTextNode(labelText)); 85 | label.style.margin = "10px"; 86 | return label; 87 | } 88 | add(txt,isSelected) { 89 | let e = this.create_ele(txt, isSelected); 90 | this.eles.push(e); 91 | this.father_ele.appendChild(e); 92 | return this; 93 | } 94 | getValue(ele) { 95 | return ele.querySelector('input[type="checkbox"]').checked; 96 | } 97 | getSelectedEleString(){ 98 | let aa=[]; 99 | this.eles.forEach(e=>{ 100 | if(this.getValue(e)) aa.push(e.querySelector('input[type="checkbox"]').tagName); 101 | }); 102 | return aa.join(','); 103 | 104 | } 105 | 106 | } 107 | 108 | class SelectAlert { 109 | constructor() { 110 | this.alertBox = this.createAlertBox(); 111 | this.ele_config=new CheckboxOBJ(this.alertBox); 112 | this.createCheckboxes(); 113 | this.createSaveButton(); // 添加帮助按钮 114 | this.createCancelButton(); // 添加帮助按钮 115 | this.showAlertBox(); 116 | } 117 | 118 | createAlertBox() { 119 | const alertBox = document.createElement("div"); 120 | alertBox.style.position = "fixed"; 121 | alertBox.style.top = "50%"; 122 | alertBox.style.left = "50%"; 123 | alertBox.style.transform = "translate(-50%, -50%)"; 124 | alertBox.style.padding = "15px"; 125 | alertBox.style.backgroundColor = "rgba(0, 0, 0, 0.8)"; 126 | alertBox.style.color = "#fff"; 127 | alertBox.style.borderRadius = "5px"; 128 | alertBox.style.zIndex = "9999"; 129 | alertBox.style.fontSize="20px"; 130 | alertBox.style.padding="30px"; 131 | alertBox.innerText ="选择需要定位的元素：\n"; 132 | return alertBox; 133 | } 134 | 135 | createCheckbox(labelText) { 136 | const label = document.createElement("label"); 137 | const checkbox = document.createElement("input"); 138 | checkbox.type = "checkbox"; 139 | label.appendChild(checkbox); 140 | label.appendChild(document.createTextNode(labelText)); 141 | label.style.margin="5px"; 142 | return label; 143 | } 144 | createCheckboxes() { 145 | 146 | 147 | 148 | 149 | // 创建
元素 150 | const br = document.createElement("br"); 151 | this.alertBox.appendChild(br); 152 | } 153 | 154 | createSaveButton() { 155 | const saveButton = document.createElement("button"); 156 | saveButton.textContent = "保存"; 157 | saveButton.style.marginTop = "10px"; 158 | saveButton.style.marginRight = "10px"; 159 | saveButton.onclick = () => { 160 | this.alertBox.style.display='none'; 161 | //设置元素定位选项 162 | window.flag.set(this.ele_config.getSelectedEleString()); 163 | 164 | AutoDismissAlert("定位配置信息已经保存",1000); 165 | }; 166 | this.alertBox.appendChild(saveButton); 167 | } 168 | createCancelButton() { 169 | const cancelButton = document.createElement("button"); 170 | cancelButton.textContent = "取消"; 171 | cancelButton.style.marginTop = "10px"; 172 | cancelButton.style.marginRight = "10px"; 173 | cancelButton.onclick = () => { 174 | this.alertBox.style.display='none'; 175 | 176 | 177 | }; 178 | this.alertBox.appendChild(cancelButton); 179 | } 180 | 181 | showAlertBox() { 182 | document.body.appendChild(this.alertBox); 183 | } 184 | show(){ 185 | this.alertBox.style.display ="block"; 186 | 187 | } 188 | hide(){ 189 | this.alertBox.style.display = "none"; 190 | } 191 | } 192 | 193 | // 使用示例 194 | const selectAlert = new SelectAlert(); 195 | selectAlert.hide(); 196 | 197 | 198 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/LICENSE: -------------------------------------------------------------------------------- 1 | 木兰宽松许可证, 第2版 2 | 3 | 木兰宽松许可证， 第2版 4 | 2020年1月 http://license.coscl.org.cn/MulanPSL2 5 | 6 | 7 | 您对“软件”的复制、使用、修改及分发受木兰宽松许可证，第2版（“本许可证”）的如下条款的约束： 8 | 9 | 0. 定义 10 | 11 | “软件”是指由“贡献”构成的许可在“本许可证”下的程序和相关文档的集合。 12 | 13 | “贡献”是指由任一“贡献者”许可在“本许可证”下的受版权法保护的作品。 14 | 15 | “贡献者”是指将受版权法保护的作品许可在“本许可证”下的自然人或“法人实体”。 16 | 17 | “法人实体”是指提交贡献的机构及其“关联实体”。 18 | 19 | “关联实体”是指，对“本许可证”下的行为方而言，控制、受控制或与其共同受控制的机构，此处的控制是指有受控方或共同受控方至少50%直接或间接的投票权、资金或其他有价证券。 20 | 21 | 1. 授予版权许可 22 | 23 | 每个“贡献者”根据“本许可证”授予您永久性的、全球性的、免费的、非独占的、不可撤销的版权许可，您可以复制、使用、修改、分发其“贡献”，不论修改与否。 24 | 25 | 2. 授予专利许可 26 | 27 | 每个“贡献者”根据“本许可证”授予您永久性的、全球性的、免费的、非独占的、不可撤销的（根据本条规定撤销除外）专利许可，供您制造、委托制造、使用、许诺销售、销售、进口其“贡献”或以其他方式转移其“贡献”。前述专利许可仅限于“贡献者”现在或将来拥有或控制的其“贡献”本身或其“贡献”与许可“贡献”时的“软件”结合而将必然会侵犯的专利权利要求，不包括对“贡献”的修改或包含“贡献”的其他结合。如果您或您的“关联实体”直接或间接地，就“软件”或其中的“贡献”对任何人发起专利侵权诉讼（包括反诉或交叉诉讼）或其他专利维权行动，指控其侵犯专利权，则“本许可证”授予您对“软件”的专利许可自您提起诉讼或发起维权行动之日终止。 28 | 29 | 3. 无商标许可 30 | 31 | “本许可证”不提供对“贡献者”的商品名称、商标、服务标志或产品名称的商标许可，但您为满足第4条规定的声明义务而必须使用除外。 32 | 33 | 4. 分发限制 34 | 35 | 您可以在任何媒介中将“软件”以源程序形式或可执行形式重新分发，不论修改与否，但您必须向接收者提供“本许可证”的副本，并保留“软件”中的版权、商标、专利及免责声明。 36 | 37 | 5. 免责声明与责任限制 38 | 39 | “软件”及其中的“贡献”在提供时不带任何明示或默示的担保。在任何情况下，“贡献者”或版权所有者不对任何人因使用“软件”或其中的“贡献”而引发的任何直接或间接损失承担责任，不论因何种原因导致或者基于何种法律理论，即使其曾被建议有此种损失的可能性。 40 | 41 | 6. 语言 42 | “本许可证”以中英文双语表述，中英文版本具有同等法律效力。如果中英文版本存在任何冲突不一致，以中文版为准。 43 | 44 | 条款结束 45 | 46 | 如何将木兰宽松许可证，第2版，应用到您的软件 47 | 48 | 如果您希望将木兰宽松许可证，第2版，应用到您的新软件，为了方便接收者查阅，建议您完成如下三步： 49 | 50 | 1， 请您补充如下声明中的空白，包括软件名、软件的首次发表年份以及您作为版权人的名字； 51 | 52 | 2， 请您在软件包的一级目录下创建以“LICENSE”为名的文件，将整个许可证文本放入该文件中； 53 | 54 | 3， 请将如下声明文本放入每个源文件的头部注释中。 55 | 56 | Copyright (c) [Year] [name of copyright holder] 57 | [Software Name] is licensed under Mulan PSL v2. 58 | You can use this software according to the terms and conditions of the Mulan PSL v2. 59 | You may obtain a copy of Mulan PSL v2 at: 60 | http://license.coscl.org.cn/MulanPSL2 61 | THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT, MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE. 62 | See the Mulan PSL v2 for more details. 63 | 64 | 65 | Mulan Permissive Software License，Version 2 66 | 67 | Mulan Permissive Software License，Version 2 (Mulan PSL v2) 68 | January 2020 http://license.coscl.org.cn/MulanPSL2 69 | 70 | Your reproduction, use, modification and distribution of the Software shall be subject to Mulan PSL v2 (this License) with the following terms and conditions: 71 | 72 | 0. Definition 73 | 74 | Software means the program and related documents which are licensed under this License and comprise all Contribution(s). 75 | 76 | Contribution means the copyrightable work licensed by a particular Contributor under this License. 77 | 78 | Contributor means the Individual or Legal Entity who licenses its copyrightable work under this License. 79 | 80 | Legal Entity means the entity making a Contribution and all its Affiliates. 81 | 82 | Affiliates means entities that control, are controlled by, or are under common control with the acting entity under this License, ‘control’ means direct or indirect ownership of at least fifty percent (50%) of the voting power, capital or other securities of controlled or commonly controlled entity. 83 | 84 | 1. Grant of Copyright License 85 | 86 | Subject to the terms and conditions of this License, each Contributor hereby grants to you a perpetual, worldwide, royalty-free, non-exclusive, irrevocable copyright license to reproduce, use, modify, or distribute its Contribution, with modification or not. 87 | 88 | 2. Grant of Patent License 89 | 90 | Subject to the terms and conditions of this License, each Contributor hereby grants to you a perpetual, worldwide, royalty-free, non-exclusive, irrevocable (except for revocation under this Section) patent license to make, have made, use, offer for sale, sell, import or otherwise transfer its Contribution, where such patent license is only limited to the patent claims owned or controlled by such Contributor now or in future which will be necessarily infringed by its Contribution alone, or by combination of the Contribution with the Software to which the Contribution was contributed. The patent license shall not apply to any modification of the Contribution, and any other combination which includes the Contribution. If you or your Affiliates directly or indirectly institute patent litigation (including a cross claim or counterclaim in a litigation) or other patent enforcement activities against any individual or entity by alleging that the Software or any Contribution in it infringes patents, then any patent license granted to you under this License for the Software shall terminate as of the date such litigation or activity is filed or taken. 91 | 92 | 3. No Trademark License 93 | 94 | No trademark license is granted to use the trade names, trademarks, service marks, or product names of Contributor, except as required to fulfill notice requirements in Section 4. 95 | 96 | 4. Distribution Restriction 97 | 98 | You may distribute the Software in any medium with or without modification, whether in source or executable forms, provided that you provide recipients with a copy of this License and retain copyright, patent, trademark and disclaimer statements in the Software. 99 | 100 | 5. Disclaimer of Warranty and Limitation of Liability 101 | 102 | THE SOFTWARE AND CONTRIBUTION IN IT ARE PROVIDED WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED. IN NO EVENT SHALL ANY CONTRIBUTOR OR COPYRIGHT HOLDER BE LIABLE TO YOU FOR ANY DAMAGES, INCLUDING, BUT NOT LIMITED TO ANY DIRECT, OR INDIRECT, SPECIAL OR CONSEQUENTIAL DAMAGES ARISING FROM YOUR USE OR INABILITY TO USE THE SOFTWARE OR THE CONTRIBUTION IN IT, NO MATTER HOW IT’S CAUSED OR BASED ON WHICH LEGAL THEORY, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. 103 | 104 | 6. Language 105 | 106 | THIS LICENSE IS WRITTEN IN BOTH CHINESE AND ENGLISH, AND THE CHINESE VERSION AND ENGLISH VERSION SHALL HAVE THE SAME LEGAL EFFECT. IN THE CASE OF DIVERGENCE BETWEEN THE CHINESE AND ENGLISH VERSIONS, THE CHINESE VERSION SHALL PREVAIL. 107 | 108 | END OF THE TERMS AND CONDITIONS 109 | 110 | How to Apply the Mulan Permissive Software License，Version 2 (Mulan PSL v2) to Your Software 111 | 112 | To apply the Mulan PSL v2 to your work, for easy identification by recipients, you are suggested to complete following three steps: 113 | 114 | i Fill in the blanks in following statement, including insert your software name, the year of the first publication of your software, and your name identified as the copyright owner; 115 | 116 | ii Create a file named “LICENSE” which contains the whole context of this License in the first directory of your software package; 117 | 118 | iii Attach the statement to the appropriate annotated syntax at the beginning of each source file. 119 | 120 | 121 | Copyright (c) [Year] [name of copyright holder] 122 | [Software Name] is licensed under Mulan PSL v2. 123 | You can use this software according to the terms and conditions of the Mulan PSL v2. 124 | You may obtain a copy of Mulan PSL v2 at: 125 | http://license.coscl.org.cn/MulanPSL2 126 | THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT, MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE. 127 | See the Mulan PSL v2 for more details. 128 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/LICENSE: -------------------------------------------------------------------------------- 1 | 木兰宽松许可证, 第2版 2 | 3 | 木兰宽松许可证， 第2版 4 | 2020年1月 http://license.coscl.org.cn/MulanPSL2 5 | 6 | 7 | 您对“软件”的复制、使用、修改及分发受木兰宽松许可证，第2版（“本许可证”）的如下条款的约束： 8 | 9 | 0. 定义 10 | 11 | “软件”是指由“贡献”构成的许可在“本许可证”下的程序和相关文档的集合。 12 | 13 | “贡献”是指由任一“贡献者”许可在“本许可证”下的受版权法保护的作品。 14 | 15 | “贡献者”是指将受版权法保护的作品许可在“本许可证”下的自然人或“法人实体”。 16 | 17 | “法人实体”是指提交贡献的机构及其“关联实体”。 18 | 19 | “关联实体”是指，对“本许可证”下的行为方而言，控制、受控制或与其共同受控制的机构，此处的控制是指有受控方或共同受控方至少50%直接或间接的投票权、资金或其他有价证券。 20 | 21 | 1. 授予版权许可 22 | 23 | 每个“贡献者”根据“本许可证”授予您永久性的、全球性的、免费的、非独占的、不可撤销的版权许可，您可以复制、使用、修改、分发其“贡献”，不论修改与否。 24 | 25 | 2. 授予专利许可 26 | 27 | 每个“贡献者”根据“本许可证”授予您永久性的、全球性的、免费的、非独占的、不可撤销的（根据本条规定撤销除外）专利许可，供您制造、委托制造、使用、许诺销售、销售、进口其“贡献”或以其他方式转移其“贡献”。前述专利许可仅限于“贡献者”现在或将来拥有或控制的其“贡献”本身或其“贡献”与许可“贡献”时的“软件”结合而将必然会侵犯的专利权利要求，不包括对“贡献”的修改或包含“贡献”的其他结合。如果您或您的“关联实体”直接或间接地，就“软件”或其中的“贡献”对任何人发起专利侵权诉讼（包括反诉或交叉诉讼）或其他专利维权行动，指控其侵犯专利权，则“本许可证”授予您对“软件”的专利许可自您提起诉讼或发起维权行动之日终止。 28 | 29 | 3. 无商标许可 30 | 31 | “本许可证”不提供对“贡献者”的商品名称、商标、服务标志或产品名称的商标许可，但您为满足第4条规定的声明义务而必须使用除外。 32 | 33 | 4. 分发限制 34 | 35 | 您可以在任何媒介中将“软件”以源程序形式或可执行形式重新分发，不论修改与否，但您必须向接收者提供“本许可证”的副本，并保留“软件”中的版权、商标、专利及免责声明。 36 | 37 | 5. 免责声明与责任限制 38 | 39 | “软件”及其中的“贡献”在提供时不带任何明示或默示的担保。在任何情况下，“贡献者”或版权所有者不对任何人因使用“软件”或其中的“贡献”而引发的任何直接或间接损失承担责任，不论因何种原因导致或者基于何种法律理论，即使其曾被建议有此种损失的可能性。 40 | 41 | 6. 语言 42 | “本许可证”以中英文双语表述，中英文版本具有同等法律效力。如果中英文版本存在任何冲突不一致，以中文版为准。 43 | 44 | 条款结束 45 | 46 | 如何将木兰宽松许可证，第2版，应用到您的软件 47 | 48 | 如果您希望将木兰宽松许可证，第2版，应用到您的新软件，为了方便接收者查阅，建议您完成如下三步： 49 | 50 | 1， 请您补充如下声明中的空白，包括软件名、软件的首次发表年份以及您作为版权人的名字； 51 | 52 | 2， 请您在软件包的一级目录下创建以“LICENSE”为名的文件，将整个许可证文本放入该文件中； 53 | 54 | 3， 请将如下声明文本放入每个源文件的头部注释中。 55 | 56 | Copyright (c) [Year] [name of copyright holder] 57 | [Software Name] is licensed under Mulan PSL v2. 58 | You can use this software according to the terms and conditions of the Mulan PSL v2. 59 | You may obtain a copy of Mulan PSL v2 at: 60 | http://license.coscl.org.cn/MulanPSL2 61 | THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT, MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE. 62 | See the Mulan PSL v2 for more details. 63 | 64 | 65 | Mulan Permissive Software License，Version 2 66 | 67 | Mulan Permissive Software License，Version 2 (Mulan PSL v2) 68 | January 2020 http://license.coscl.org.cn/MulanPSL2 69 | 70 | Your reproduction, use, modification and distribution of the Software shall be subject to Mulan PSL v2 (this License) with the following terms and conditions: 71 | 72 | 0. Definition 73 | 74 | Software means the program and related documents which are licensed under this License and comprise all Contribution(s). 75 | 76 | Contribution means the copyrightable work licensed by a particular Contributor under this License. 77 | 78 | Contributor means the Individual or Legal Entity who licenses its copyrightable work under this License. 79 | 80 | Legal Entity means the entity making a Contribution and all its Affiliates. 81 | 82 | Affiliates means entities that control, are controlled by, or are under common control with the acting entity under this License, ‘control’ means direct or indirect ownership of at least fifty percent (50%) of the voting power, capital or other securities of controlled or commonly controlled entity. 83 | 84 | 1. Grant of Copyright License 85 | 86 | Subject to the terms and conditions of this License, each Contributor hereby grants to you a perpetual, worldwide, royalty-free, non-exclusive, irrevocable copyright license to reproduce, use, modify, or distribute its Contribution, with modification or not. 87 | 88 | 2. Grant of Patent License 89 | 90 | Subject to the terms and conditions of this License, each Contributor hereby grants to you a perpetual, worldwide, royalty-free, non-exclusive, irrevocable (except for revocation under this Section) patent license to make, have made, use, offer for sale, sell, import or otherwise transfer its Contribution, where such patent license is only limited to the patent claims owned or controlled by such Contributor now or in future which will be necessarily infringed by its Contribution alone, or by combination of the Contribution with the Software to which the Contribution was contributed. The patent license shall not apply to any modification of the Contribution, and any other combination which includes the Contribution. If you or your Affiliates directly or indirectly institute patent litigation (including a cross claim or counterclaim in a litigation) or other patent enforcement activities against any individual or entity by alleging that the Software or any Contribution in it infringes patents, then any patent license granted to you under this License for the Software shall terminate as of the date such litigation or activity is filed or taken. 91 | 92 | 3. No Trademark License 93 | 94 | No trademark license is granted to use the trade names, trademarks, service marks, or product names of Contributor, except as required to fulfill notice requirements in Section 4. 95 | 96 | 4. Distribution Restriction 97 | 98 | You may distribute the Software in any medium with or without modification, whether in source or executable forms, provided that you provide recipients with a copy of this License and retain copyright, patent, trademark and disclaimer statements in the Software. 99 | 100 | 5. Disclaimer of Warranty and Limitation of Liability 101 | 102 | THE SOFTWARE AND CONTRIBUTION IN IT ARE PROVIDED WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED. IN NO EVENT SHALL ANY CONTRIBUTOR OR COPYRIGHT HOLDER BE LIABLE TO YOU FOR ANY DAMAGES, INCLUDING, BUT NOT LIMITED TO ANY DIRECT, OR INDIRECT, SPECIAL OR CONSEQUENTIAL DAMAGES ARISING FROM YOUR USE OR INABILITY TO USE THE SOFTWARE OR THE CONTRIBUTION IN IT, NO MATTER HOW IT’S CAUSED OR BASED ON WHICH LEGAL THEORY, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. 103 | 104 | 6. Language 105 | 106 | THIS LICENSE IS WRITTEN IN BOTH CHINESE AND ENGLISH, AND THE CHINESE VERSION AND ENGLISH VERSION SHALL HAVE THE SAME LEGAL EFFECT. IN THE CASE OF DIVERGENCE BETWEEN THE CHINESE AND ENGLISH VERSIONS, THE CHINESE VERSION SHALL PREVAIL. 107 | 108 | END OF THE TERMS AND CONDITIONS 109 | 110 | How to Apply the Mulan Permissive Software License，Version 2 (Mulan PSL v2) to Your Software 111 | 112 | To apply the Mulan PSL v2 to your work, for easy identification by recipients, you are suggested to complete following three steps: 113 | 114 | i Fill in the blanks in following statement, including insert your software name, the year of the first publication of your software, and your name identified as the copyright owner; 115 | 116 | ii Create a file named “LICENSE” which contains the whole context of this License in the first directory of your software package; 117 | 118 | iii Attach the statement to the appropriate annotated syntax at the beginning of each source file. 119 | 120 | 121 | Copyright (c) [Year] [name of copyright holder] 122 | [Software Name] is licensed under Mulan PSL v2. 123 | You can use this software according to the terms and conditions of the Mulan PSL v2. 124 | You may obtain a copy of Mulan PSL v2 at: 125 | http://license.coscl.org.cn/MulanPSL2 126 | THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT, MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE. 127 | See the Mulan PSL v2 for more details. 128 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/background.js: -------------------------------------------------------------------------------- 1 | // 检查是否已存在具有相同 ID 的菜单项,如果有就清空 2 | chrome.contextMenus.removeAll( 3 | ); 4 | 5 | // 创建新的右键菜单 6 | create_right_menu(); 7 | 8 | function create_right_menu() { 9 | 10 | chrome.contextMenus.create({ 11 | id: "F9", 12 | title: "刷新定位", 13 | contexts: ["all"] 14 | }); 15 | 16 | chrome.contextMenus.create({ 17 | id: "copyDP_simple", 18 | title: "复制 Drissionpage精简语法", 19 | contexts: ["all"] 20 | }); 21 | chrome.contextMenus.create({ 22 | id: "copyDP", 23 | title: "复制 Drissionpage完整语法", 24 | contexts: ["all"] 25 | }); 26 | chrome.contextMenus.create({ 27 | id: "copyXpath", 28 | title: "复制 Xpath语法", 29 | contexts: ["all"] 30 | }); 31 | 32 | chrome.contextMenus.create({ 33 | id: "fingerPrint", 34 | title: "指纹检测", 35 | contexts: ["all"], 36 | 37 | }); 38 | 39 | // 创建第二级子菜单项1 40 | chrome.contextMenus.create({ 41 | id: "copy", 42 | title: "复制", 43 | contexts: ["all"] 44 | }); 45 | chrome.contextMenus.create({ 46 | id: "copy_code", 47 | title: "启动代码", 48 | contexts: ["all"], 49 | parentId: "copy" 50 | }); 51 | chrome.contextMenus.create({ 52 | id: "cookie", 53 | title: "网页cookie", 54 | contexts: ["all"], 55 | parentId: "copy" 56 | 57 | }); 58 | chrome.contextMenus.create({ 59 | id: "copy_input", 60 | title: "input()语法", 61 | contexts: ["editable"], 62 | parentId: "copy" 63 | }); 64 | chrome.contextMenus.create({ 65 | id: "copy_click", 66 | title: "click()语法", 67 | contexts: ["all"], 68 | parentId: "copy" 69 | }); 70 | chrome.contextMenus.create({ 71 | id: "copy_ua", 72 | title: "网页UA", 73 | contexts: ["all"], 74 | parentId: "copy" 75 | }); 76 | 77 | // 创建第二级子菜单项1 78 | chrome.contextMenus.create({ 79 | id: "sub_setup", 80 | title: "设置", 81 | contexts: ["all"] 82 | }); 83 | chrome.contextMenus.create({ 84 | id: "switch_ele_window", 85 | title: "🔵元素浮窗开关", 86 | contexts: ["all"], 87 | parentId: "sub_setup" 88 | 89 | }); 90 | chrome.contextMenus.create({ 91 | id: "set_ele_window", 92 | title: "🔵元素定位设置", 93 | contexts: ["all"], 94 | parentId: "sub_setup" 95 | 96 | }); 97 | // 创建第二级子菜单项2 98 | chrome.contextMenus.create({ 99 | id: "more", 100 | title: "更多", 101 | contexts: ["all"] 102 | }); 103 | chrome.contextMenus.create({ 104 | id: "vip", 105 | title: "解析当前网页视频", 106 | contexts: ["all"], 107 | parentId: "more" 108 | }); 109 | chrome.contextMenus.create({ 110 | id: "exe_js", 111 | title: "js代码调试", 112 | contexts: ["all"], 113 | parentId: "more" 114 | }); 115 | chrome.contextMenus.create({ 116 | id: "get_img", 117 | title: "获取所有图片地址", 118 | contexts: ["all"], 119 | parentId: "more" 120 | }); 121 | chrome.contextMenus.create({ 122 | id: "download_video", 123 | title: "视频解析下载", 124 | contexts: ["all"], 125 | parentId: "more" 126 | }); 127 | 128 | } 129 | 130 | // 根据菜单项ID调用不同的函数 131 | chrome.contextMenus.onClicked.addListener(function(info, tab) { 132 | const functions = { 133 | "copyDP_simple": showElementDP_simple, 134 | "copyDP": showElementDP, 135 | "copyXpath": showElementXpath, 136 | "F9": refresh, 137 | "vip": parserVideo, 138 | "copy_input": copy_ele_and_input, 139 | "copy_click": copy_ele_and_click, 140 | "cookie": getCookie, 141 | "fingerPrint": scan_finger_print_, 142 | "switch_ele_window": info_show_switch_, 143 | "set_ele_window": set_ele_loc, 144 | "copy_code": copy_init_code, 145 | "copy_ua": getUA, 146 | "exe_js": exe_js, 147 | "get_img": getAllImageLinks, 148 | "download_video": download_video 149 | 150 | }; 151 | 152 | const func = functions[info.menuItemId]; 153 | if (func) { 154 | chrome.scripting.executeScript({ 155 | target: { 156 | tabId: tab.id 157 | }, 158 | function: func 159 | }); 160 | } else { 161 | console.error("Unsupported menu item ID:", info.menuItemId); 162 | } 163 | }); 164 | 165 | // 监听函数 166 | 167 | // 监听来自 tool.js Script 的消息 168 | chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) { 169 | // 如果消息包含标题信息 170 | if (message.ele_count) { 171 | // 更新右键菜单的二级菜单名 172 | chrome.contextMenus.update("F9", { 173 | title: `刷新定位(已定位${message.ele_count}个元素)` 174 | }); 175 | } 176 | }); 177 | 178 | // 工具库 函数 179 | 180 | function getCookie() { 181 | main_app.copyToClipboard(document.cookie); 182 | alert('网页的cookie已经复制到剪贴板 \n' + document.cookie); 183 | 184 | } 185 | function scan_finger_print_() { 186 | window.open("https://ip77.net/", "_blank"); 187 | 188 | } 189 | 190 | function getUA() { 191 | main_app.copyToClipboard(navigator.userAgent); 192 | 193 | alert('网页的UA已经复制到剪贴板 \n' + navigator.userAgent); 194 | } 195 | 196 | function exe_js() { 197 | main_app.execute_js(); 198 | 199 | } 200 | function showElementDP_simple() { 201 | main_app.extractInfoAndAlert_simple(); 202 | 203 | } 204 | 205 | function showElementDP() { 206 | main_app.extractInfoAndAlert(); 207 | } 208 | 209 | function showElementXpath() { 210 | main_app.copyElementXPath(); 211 | } 212 | function copy_ele_and_input() { 213 | main_app.extractInfoAndAlert_simple_input(); 214 | } 215 | 216 | function copy_ele_and_click() { 217 | main_app.extractInfoAndAlert_simple_click(); 218 | } 219 | 220 | function refresh() { 221 | main_app.addClickEventToInputs(); 222 | alert('-✔️骚神库元素定位插件- \n 插件已经深度解析，并重新定位动态元素!!'); 223 | 224 | } 225 | 226 | function refresh_init() { 227 | main_app.addClickEventToInputs(); 228 | main_app.listen_for_mousemove(); 229 | 230 | } 231 | 232 | //------------ 233 | function parserVideo() { 234 | // 获取当前网页的网址 235 | var currentURL = window.location.href; 236 | // 拼接新的网址 237 | var newURL = "https://jx.jsonplayer.com/player/?url=" + window.location.href; 238 | 239 | // 在新标签页中打开新网址 240 | window.open(newURL, "_blank"); 241 | } 242 | 243 | function info_show_switch_() { 244 | info_show_switch(); 245 | } 246 | function set_ele_loc() { 247 | selectAlert.show(); 248 | } 249 | 250 | function download_video() { 251 | main_app.download_video(); 252 | 253 | } 254 | 255 | function copy_init_code() { 256 | // copyToClipboard(init_code); 257 | navigator.clipboard.writeText(init_code); 258 | // AutoDismissAlert('已经复制 \n'+init_code,2000); 259 | alert('当前网页启动代码已经复制 \n' + init_code); 260 | } 261 | function getAllImageLinks() { 262 | // 获取当前网页中所有的图片元素 263 | const images = document.getElementsByTagName('img'); 264 | 265 | // 创建一个空数组来存储图片链接地址 266 | const imageLinks = []; 267 | 268 | // 遍历所有图片元素，提取图片链接地址并添加到数组中 269 | for (let i = 0; i < images.length; i++) { 270 | const image = images[i]; 271 | const src = image.src; 272 | // 获取图片链接地址 273 | imageLinks.push(src); 274 | // 将链接地址添加到数组中 275 | } 276 | 277 | // 创建一个新的 div 元素 278 | const div = document.createElement('div'); 279 | div.id = 'img_url'; 280 | // 设置 div 元素的 id 属性为 img_url 281 | 282 | // 将图片链接转换成带链接的 标签并添加到 div 元素中 283 | imageLinks.forEach(link=>{ 284 | const a = document.createElement('a'); 285 | a.href = link; 286 | // 设置 标签的 href 属性为图片链接地址 287 | a.textContent = link; 288 | // 设置 标签的文本内容为图片链接地址 289 | div.appendChild(a); 290 | // 将 标签添加到 div 元素中 291 | div.appendChild(document.createElement('br')); 292 | // 添加一个换行 293 | } 294 | ); 295 | 296 | // 将新创建的 div 元素插入到 body 中 297 | document.body.appendChild(div); 298 | 299 | // 打印出获取到的所有图片链接地址 300 | console.log("当前网页所有图片链接地址："); 301 | console.log(imageLinks); 302 | 303 | // 返回图片链接数组（可选） 304 | return imageLinks; 305 | } 306 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_4.7/content.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | // add_tag_to_body('script','tool',innerHtmlContent_script); //添加功能脚本标签 8 | // 把工具函数注入到网页 9 | injectCustomJs(); 10 | 11 | //初始化 插件本地存储变量 ‘show_div' 12 | 13 | if (typeof window.localStorage.getItem('is_init') !== 'undefined') { 14 | console.log('window.localStorage.is_init 存在'); 15 | } else { 16 | console.log('window.localStorage.is_init 不存在,初始化 插件本地存储变量 '); 17 | 18 | // 将布尔值 false 存储到 localStorage 中 19 | window.localStorage.setItem('is_init', 'true'); 20 | 21 | chrome.storage.local.set({ show_div: '显示' }, function () { 22 | if (chrome.runtime.lastError) { 23 | console.error("存储出现错误：" + chrome.runtime.lastError); 24 | } else { 25 | console.log("存储成功"); 26 | } 27 | }); 28 | } 29 | 30 | 31 | //############################监听部分 32 | 33 | var element_hover_color='rgba(255, 0, 0, 0.5)'; 34 | 35 | 36 | 37 | 38 | 39 | // -------------------------------------------创建导航信息栏 40 | 41 | function createNavbar() { 42 | // 获取当前网页的标题 43 | const pageTitle = document.title; 44 | 45 | // 创建导航栏元素 46 | const navbar = document.createElement('div'); 47 | // navbar.classList.add('navbar2'); 48 | navbar.id='daohanglan'; 49 | 50 | 51 | 52 | // 创建导航栏文本元素 53 | const navText = document.createElement('span'); 54 | navText.textContent = '骚神库元素语法自动显示插件'; 55 | navText.id = 'show'; 56 | 57 | 58 | 59 | 60 | // 将文本添加到导航栏中 61 | navbar.appendChild(navText); 62 | 63 | // 将导航栏添加到页面的 body 元素中 64 | document.body.insertBefore(navbar, document.body.firstChild); 65 | 66 | //初始化导航栏的位置 67 | togglePosition(); 68 | 69 | 70 | } 71 | 72 | // 调用函数创建导航栏 73 | createNavbar(); 74 | 75 | 76 | 77 | 78 | // -------------------------------工具函数 79 | 80 | //检查字符串是否为空 81 | function isBlankString(str) { 82 | return str.trim().length === 0; 83 | } 84 | // 检查是否包含特殊字符 85 | function containsString(str) { 86 | return str.includes('href') || str.includes('src'); 87 | } 88 | 89 | //打印某个元素的所有属性值 90 | function printElementAttributesAsString(element) { 91 | // 检查输入是否是一个元素 92 | if (!(element instanceof Element)) { 93 | console.error('输入必须是一个HTML元素'); 94 | return; 95 | } 96 | 97 | // 获取元素的所有属性 98 | var attrs = element.attributes; 99 | 100 | // 初始化一个空字符串用于存储属性 101 | var attributesString = ''; 102 | 103 | // 遍历所有属性并将它们的名称和值拼接到字符串中 104 | for (var i = 0; i < attrs.length; i++) { 105 | var attrName = attrs[i].name; 106 | var attrValue = attrs[i].value; 107 | //特殊情况处理 108 | if (containsString(attrName)) continue; 109 | if (isBlankString(attrValue)) continue; 110 | // 如果使用了 element_hover_color 颜色，则跳过该属性 111 | if (attrName.includes('style') && attrValue.includes( element_hover_color )) continue; 112 | if (attrValue.length > 25 && attrName != "class") { 113 | attributesString += "@@" + attrName + "^" + attrValue.slice(0, 20); 114 | } else { 115 | // 拼接属性名和属性值，属性之间用空格分隔 116 | attributesString += "@@" + attrName + "=" + attrValue; 117 | } 118 | 119 | 120 | 121 | } 122 | 123 | // 打印最终的属性字符串 124 | //console.log(attributesString.trim()); // 使用trim()移除尾部的空格 125 | return attributesString.trim(); 126 | } 127 | 128 | 129 | 130 | //添加监听 131 | function addClickEventToInputs() { 132 | // 获取所有输入框元素 133 | var inputElements = document.querySelectorAll('a,li,img,input,button'); 134 | //var inputElements = document.querySelectorAll('*'); 135 | 136 | // 暂存元素定位信息 137 | let info = ""; 138 | var theEle = {style: {},elementRect: {left: 0, top: 0}}; 139 | 140 | // 为每个输入框元素添加点击事件监听器 141 | inputElements.forEach(function (inputElement) { 142 | // 添加鼠标经过事件监听器 143 | inputElement.addEventListener('mouseover', function (event) { 144 | // 如果当前元素已经高亮，则取消高亮 145 | if ('backgroundColor' in theEle.style && theEle.style.backgroundColor == element_hover_color){ 146 | theEle.style.backgroundColor = ''; 147 | // delete theEle.style; // 这句没效果 148 | } 149 | // 经过元素时给元素加个高亮 150 | this.style.backgroundColor = element_hover_color; 151 | // 暂存当前元素 152 | theEle = this; 153 | 154 | // 以下是获取元素定位语法功能 155 | var attrib_info = printElementAttributesAsString(inputElement); 156 | 157 | var Name = "tag:" + inputElement.tagName.toLowerCase(); 158 | 159 | var text = inputElement.innerText; 160 | 161 | 162 | if (isBlankString(text)) { 163 | text = ""; 164 | } else { 165 | 166 | if (text.length <= 15) text = "@@text()=" + text; 167 | else text = "@@text()^" + text.slice(0,10); 168 | 169 | } 170 | 171 | window.XPath_info="xpath:"+getElementXPath(inputElement); 172 | 173 | window.anotherGlobalVar = Name + attrib_info + text; 174 | 175 | info ="按alt+1 复制XPath-->@@"+window.XPath_info+"
"+ "按F8复制元素语法-->@@" + Name + attrib_info + text ; 176 | 177 | // info =info +"
"+"按alt+1 复制XPath-->@@"+window.XPath_info; 178 | 179 | 180 | }); 181 | 182 | }); 183 | 184 | // 监听鼠标移动事件 185 | document.addEventListener('mousemove', function(event) { 186 | 187 | // 设置 daohanglan 是否隐藏 188 | chrome.storage.local.get('show_div', function (result) { 189 | if (chrome.runtime.lastError) { 190 | // 处理错误的情况 191 | console.error("发生错误：" + chrome.runtime.lastError); 192 | 193 | } else { 194 | 195 | 196 | if (result.show_div == '隐藏') { 197 | document.getElementById('daohanglan').style.display = "none"; 198 | } else { 199 | document.getElementById('daohanglan').style.display = "block"; 200 | } 201 | 202 | } 203 | }); 204 | 205 | // 边缘碰撞检测 206 | 207 | let daohanglan = document.getElementById("daohanglan"); 208 | 209 | 210 | setTimeout(function () { 211 | 212 | // 定义常量以避免重复的数字字面量 213 | const OFFSET = 300; 214 | const pianyi = 20; 215 | // 获取元素的宽度（包括边框、内边距和滚动条） 216 | let width = daohanglan.offsetWidth; 217 | 218 | // 获取元素的高度（包括边框、内边距和滚动条） 219 | let height = daohanglan.offsetHeight; 220 | 221 | 222 | if (event.clientX < window.outerWidth -width-40) { 223 | // 根据 event.clientX 设置 daohanglan 元素的 left 属性 224 | daohanglan.style.left = (event.clientX + pianyi) + "px"; 225 | } else { 226 | daohanglan.style.left =(event.clientX - pianyi-width) + "px"; 227 | 228 | } 229 | 230 | // daohanglan.style.top = (event.pageY + pianyi) + "px"; 231 | if (event.pageY < window.outerHeight - height - 40) { 232 | 233 | daohanglan.style.top = (event.pageY + pianyi) + "px"; 234 | } else { 235 | 236 | daohanglan.style.top = (event.pageY-pianyi -height) + "px"; 237 | } 238 | 239 | 240 | 241 | 242 | 243 | }, 0); // 延迟1000毫秒（即1秒） 244 | // 245 | // 为了计算元素内坐标，获取当前元素的位置 246 | // elementRect = theEle.getBoundingClientRect(); 247 | // let eleX = (event.clientX-elementRect.left).toFixed(4); 248 | // let eleY = (event.clientY-elementRect.top).toFixed(4); 249 | xyInfoDoc = "全局坐标 x:" + event.clientX + ",y:" + event.clientY + "
"; 250 | // xyInfoEle = "元素内坐标 x:"+eleX+",y:"+eleY+"
"; 251 | 252 | // 将坐标信息、定位语法 显示到页面上 253 | let F9_info='按F9 定位动态元素'+"
"; 254 | 255 | 256 | 257 | document.getElementById('show').textContent = xyInfoDoc + F9_info + info; 258 | format_the_text(); 259 | }) 260 | } 261 | 262 | 263 | 264 | function format_the_text(){ 265 | // 获取包含文本的 span 元素 266 | let spanElement = document.getElementById('show'); 267 | 268 | // 获取 span 元素内的文本内容 269 | let textContent = spanElement.textContent; 270 | 271 | // 使用 @@ 进行分割 272 | let lines = textContent.split('@@'); 273 | 274 | // 创建一个新的文本内容 275 | let newContent = ''; 276 | lines.forEach(function(line, index) { 277 | // 添加换行符 278 | if (index > 0) { 279 | newContent += '
'; 280 | } 281 | // 添加当前行文本 282 | newContent += line; 283 | }); 284 | 285 | // 更新 span 元素的内容为新的文本内容 286 | spanElement.innerHTML = newContent; 287 | } 288 | 289 | 290 | 291 | // 鼠标 悬浮 监听 调用函数，添加事件 292 | addClickEventToInputs(); 293 | 294 | 295 | 296 | 297 | // 监听导航栏 进行位置变换 298 | document.getElementById("daohanglan").addEventListener("click", function() { 299 | 300 | togglePosition(); 301 | // alert(" 你切换了 元素语法信息导航栏 的位置"); 302 | 303 | 304 | }); 305 | 306 | 307 | 308 | 309 | 310 | 311 | // 监听 F8 F9 按键 alt +1 312 | document.addEventListener('keydown', function(event) { 313 | // 检查是否按下了f8键（keyCode为18） 314 | if (event.keyCode === 119) { 315 | // 打印当前网页标题 316 | //console.log('Current page title: ' + document.title); 317 | extractInfoAndAlert(); 318 | 319 | } 320 | // 检查是否按下了f9键（keyCode为120） 321 | if (event.keyCode === 120) { 322 | // 打印当前网页标题 323 | addClickEventToInputs(); 324 | alert('-骚神库元素定位插件- \n 你按下了F9键\n 插件已经深度解析，重新定位动态元素!!'); 325 | } 326 | 327 | if (event.altKey && (event.key === "1" || event.keyCode === 49)) { 328 | // 在这里执行按下 alt + 1 后的操作 329 | copyElementXPath(); 330 | copyToClipboard(window.XPath_info); 331 | } 332 | 333 | }); 334 | 335 | 336 | // 获取元素的XPath 337 | function getElementXPath(element) { 338 | if (element && element.id) { 339 | return 'id("' + element.id + '")'; 340 | } else { 341 | let paths = []; 342 | for (; element && element.nodeType == Node.ELEMENT_NODE; element = element.parentNode) { 343 | let index = 0; 344 | let siblings = element.parentNode.childNodes; 345 | for (let i = 0; i < siblings.length; i++) { 346 | let sibling = siblings[i]; 347 | if (sibling == element) { 348 | index++; 349 | break; 350 | } 351 | } 352 | let tagName = element.nodeName.toLowerCase(); 353 | let pathIndex = (index ? "[" + (index+1) + "]" : ""); 354 | paths.splice(0, 0, tagName + pathIndex); 355 | } 356 | return paths.length ? "/" + paths.join("/") : null; 357 | } 358 | } 359 | 360 | // 复制元素的XPath 361 | function copyElementXPath() { 362 | alert("已经复制下面XPath语法到剪贴板 \n"+window.XPath_info); 363 | 364 | } 365 | 366 | 367 | 368 | // 提取元素语法内容 并弹窗提示 369 | function extractInfoAndAlert(){ 370 | 371 | 372 | // var tishi2=document.getElementById('show').textContent.substring(13) 373 | tishi2=window.anotherGlobalVar; 374 | copyToClipboard(tishi2); 375 | 376 | alert('已经复制该语法到剪贴板 '+tishi2); 377 | 378 | } 379 | 380 | 381 | 382 | 383 | 384 | // 复制到剪贴板操作 385 | function copyToClipboard(text) { 386 | var tempInput = document.createElement("input"); // 创建临时输入框元素 387 | 388 | tempInput.value = text; // 将输入的文本赋给临时输入框 389 | document.body.appendChild(tempInput); // 将临时输入框添加到页面中 390 | 391 | tempInput.select(); // 选中临时输入框中的文本 392 | document.execCommand("copy"); // 执行复制操作 393 | 394 | document.body.removeChild(tempInput); // 删除临时输入框 395 | } 396 | 397 | 398 | // 切换导航栏位置 399 | function togglePosition() { 400 | var daohanglan = document.getElementById("daohanglan"); 401 | 402 | if (daohanglan.style.left !== '') { 403 | daohanglan.style.removeProperty('left'); 404 | daohanglan.style.right = "0px"; 405 | 406 | 407 | } else { 408 | daohanglan.style.removeProperty('right'); 409 | daohanglan.style.left = "0px"; 410 | 411 | 412 | } 413 | } 414 | 415 | 416 | // 向页面注入JS 417 | function injectCustomJs(jsPath) { 418 | jsPath = jsPath || 'js/inject.js'; 419 | var temp = document.createElement('script'); 420 | temp.setAttribute('type', 'text/javascript'); 421 | // 获得的地址类似：chrome-extension://ihcokhadfjfchaeagdoclpnjdiokfakg/js/inject.js 422 | temp.src = chrome.runtime.getURL(jsPath); 423 | temp.onload = function() { 424 | // 放在页面不好看，执行完后移除掉 425 | this.parentNode.removeChild(this); 426 | }; 427 | document.body.appendChild(temp); 428 | } 429 | 430 | 431 | 432 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/content.js: -------------------------------------------------------------------------------- 1 | // 骚神库 DP_helper 2 | 3 | 4 | //----------封装主函数 5 | class MainApp{ 6 | constructor() { 7 | this.init(); 8 | 9 | } 10 | 11 | async init(){ 12 | 13 | var self=this; 14 | 15 | this.createNavbar();//调用函数创建导航栏 默认隐藏 16 | this.toggleDiv(); 17 | 18 | 19 | // ----------------监听导航栏 进行位置变换 20 | $('#daohanglan').on('click', function() { 21 | togglePosition(); 22 | }); 23 | 24 | 25 | this.listen_mousemove_to_update_div(); //监听鼠标移动 26 | 27 | 28 | // 监听按键 F2 F8 F9 alt+1 29 | $(document).keydown(function(event) { 30 | switch (event.keyCode) { 31 | case 119: // F8键 32 | self.extractInfoAndAlert(); 33 | break; 34 | case 113: // F2键 35 | self.extractInfoAndAlert_simple(); 36 | break; 37 | case 120: // F9键 38 | alert('-✔️骚神库元素定位插件- \n 网页已经刷新定位\n 插件已经深度解析，重新定位动态元素!!'); 39 | break; 40 | case 49: // 数字键1 41 | if (event.altKey) { 42 | self.copyElementXPath(); 43 | } 44 | break; 45 | } 46 | }); 47 | } 48 | 49 | 50 | // -------------------------------------------创建导航信息栏 51 | 52 | createNavbar() { 53 | // 获取当前网页的标题 54 | const pageTitle = document.title; 55 | 56 | // 创建导航栏元素 57 | const navbar = document.createElement('div'); 58 | // navbar.classList.add('navbar2'); 59 | navbar.id='daohanglan'; 60 | 61 | 62 | // 创建导航栏文本元素 63 | const navText = document.createElement('span'); 64 | navText.textContent = '骚神库元素语法自动显示插件'; 65 | navText.id = 'show'; 66 | 67 | // 将文本添加到导航栏中 68 | navbar.appendChild(navText); 69 | 70 | // 将导航栏添加到页面的 body 元素中 71 | document.body.insertBefore(navbar, document.body.firstChild); 72 | 73 | //初始化导航栏的位置 74 | this.togglePosition(); 75 | 76 | } 77 | // -------------切换div隐藏 78 | async toggleDiv(){ 79 | chrome.storage.local.get('show_div', function (result) { 80 | var newState = result.show_div ; 81 | 82 | if (newState == '隐藏') { 83 | document.getElementById('daohanglan').style.display = "none"; 84 | } else { 85 | document.getElementById('daohanglan').style.display = "block"; 86 | } 87 | }); 88 | 89 | } 90 | 91 | 92 | // -------------------------------工具函数 93 | 94 | // 是否是空字符 95 | isBlankString(str) { 96 | if (str && typeof str === 'string') { 97 | return str.trim().length === 0; 98 | } else { 99 | return true; // 将空值、null 和 undefined 视为“空字符串” 100 | } 101 | } 102 | 103 | // 检查是否包含特殊字符 104 | containsString(str) { 105 | return str.includes('href') || str.includes('src'); 106 | } 107 | 108 | //打印某个元素的所有属性值 109 | printElementAttributesAsString(element) { 110 | // 初始化一个空字符串用于存储属性 111 | var attributesString = ''; 112 | 113 | // 检查输入是否是一个元素 114 | if (!(element instanceof Element)) { 115 | // console.error('输入必须是一个HTML元素'); 116 | return '当前位置无法解析元素'; 117 | } 118 | 119 | // 获取元素的所有属性 120 | var attrs = element.attributes; 121 | 122 | 123 | // 遍历所有属性并将它们的名称和值拼接到字符串中 124 | for (var i = 0; i < attrs.length; i++) { 125 | var attrName = attrs[i].name; 126 | var attrValue = attrs[i].value; 127 | //特殊情况处理 128 | if (this.containsString(attrName)) continue; 129 | if (this.isBlankString(attrValue)) continue; 130 | // 如果使用了 element_hover_color 颜色，则跳过该属性 131 | if (attrName.includes('style') && attrValue.includes( this.element_hover_color )) continue; 132 | if (attrValue.length > 25 && attrName != "class") { 133 | attributesString += "@@" + attrName + "^" + attrValue.slice(0, 20); 134 | } else { 135 | // 拼接属性名和属性值，属性之间用空格分隔 136 | attributesString += "@@" + attrName + "=" + attrValue; 137 | } 138 | 139 | 140 | 141 | } 142 | 143 | // 打印最终的属性字符串 144 | //console.log(attributesString.trim()); // 使用trim()移除尾部的空格 145 | return attributesString.trim(); 146 | } 147 | 148 | //打印某个元素的 精简属性值 149 | printElementAttributesAsString_simple(element) { 150 | // 检查输入是否是一个元素 151 | if (!(element instanceof Element)) { 152 | console.log('输入必须是一个HTML元素'); 153 | return '必须是一个HTML元素'; 154 | } 155 | 156 | // 获取元素的所有属性 157 | var attrs = element.attributes; 158 | 159 | // 初始化一个空字符串用于存储属性 160 | var attributesString = ''; 161 | if (element.hasAttribute('id')){ 162 | attributesString = "@@id=" + element.id; 163 | return attributesString.trim(); 164 | 165 | } 166 | if (element.classList.length > 0) { 167 | // 元素具有 class 属性 168 | let classValue = element.classList.value; // 获取所有 class 值，以字符串形式返回 169 | attributesString = "@@class=" + classValue; 170 | return attributesString.trim(); 171 | 172 | } 173 | 174 | // 检查元素是否有innerText，并返回其值 175 | if (element.innerText !== null && element.innerText !== undefined) { 176 | let innerTextValue = element.innerText; 177 | attributesString = "@@text()=" + innerTextValue; 178 | return attributesString.trim(); 179 | } 180 | 181 | 182 | 183 | // 打印最终的属性字符串 184 | //console.log(attributesString.trim()); // 使用trim()移除尾部的空格 185 | return attributesString.trim(); 186 | } 187 | 188 | 189 | 190 | // 提取某个元素的属性信息 191 | async extract_attri_info_to_div(inputElement) { 192 | // 暂存元素定位信息 193 | let info = ""; 194 | var theEle = { style: {}, elementRect: { left: 0, top: 0 } }; 195 | 196 | // inputElement.addEventListener('mouseover', function() { this.style.backgroundColor ='';this.style.fontWeight = 'bold';}); 197 | // inputElement.addEventListener('mouseout', function() { this.style.backgroundColor ='';this.style.fontWeight = 'normal';}); 198 | if (!(inputElement instanceof Element)) { 199 | console.log('输入必须是一个HTML元素'); 200 | window.info='当前位置是非元素' 201 | return ; 202 | } 203 | 204 | 205 | 206 | 207 | // 暂存当前元素 208 | theEle = this; 209 | let self=this; 210 | 211 | // 以下是获取元素定位语法功能 212 | var attrib_info = self.printElementAttributesAsString(inputElement); 213 | var attrib_info_simple = self.printElementAttributesAsString_simple(inputElement); 214 | 215 | var Name = "tag:" + inputElement.tagName.toLowerCase(); 216 | 217 | var text = inputElement.innerText; 218 | 219 | 220 | if (self.isBlankString(text)) { 221 | text = ""; 222 | } else { 223 | 224 | if (text.length <= 15) text = "@@text()=" + text; 225 | else text = "@@text()^" + text.slice(0, 10); 226 | 227 | } 228 | 229 | window.XPath_info = "xpath:" + self.getElementXPath(inputElement); 230 | 231 | window.anotherGlobalVar = Name + attrib_info + text; 232 | window.anotherGlobalVar_simple = Name + attrib_info_simple; 233 | 234 | window.info = "🔹按alt+1 复制XPath-->@@" + window.XPath_info + "
" + "🔹按F2复制精简语法
🔹按F8复制完整语法--> @@" + Name + attrib_info + text; 235 | 236 | 237 | } 238 | 239 | 240 | 241 | sleep(ms) { 242 | // 创建一个新的Promise对象，并将resolve作为回调函数传入 243 | return new Promise(resolve => setTimeout(resolve, ms)); 244 | // 调用setTimeout函数，设置延迟时间为ms毫秒，延迟时间结束后调用resolve回调函数 245 | } 246 | 247 | //------------监听鼠标移动 248 | listen_mousemove_to_update_div(){ 249 | let self=this; 250 | document.addEventListener('mousemove', async function(event) { 251 | //提取信息 252 | var hoveredElement = document.elementFromPoint(event.clientX, event.clientY); 253 | 254 | 255 | // await self.sleep(1000); 256 | 257 | await self.extract_attri_info_to_div(hoveredElement); 258 | 259 | 260 | 261 | // 边缘碰撞检测 262 | 263 | let daohanglan = document.getElementById("daohanglan"); 264 | 265 | 266 | setTimeout(function () { 267 | 268 | // 定义常量以避免重复的数字字面量 269 | const OFFSET = 300; 270 | const pianyi = 20; 271 | // 获取元素的宽度（包括边框、内边距和滚动条） 272 | let width = daohanglan.offsetWidth; 273 | 274 | // 获取元素的高度（包括边框、内边距和滚动条） 275 | let height = daohanglan.offsetHeight; 276 | 277 | 278 | if (event.clientX < window.outerWidth -width-40) { 279 | // 根据 event.clientX 设置 daohanglan 元素的 left 属性 280 | daohanglan.style.left = (event.clientX + pianyi) + "px"; 281 | } else { 282 | daohanglan.style.left =(event.clientX - pianyi-width) + "px"; 283 | 284 | } 285 | 286 | // daohanglan.style.top = (event.pageY + pianyi) + "px"; 287 | if (event.pageY < window.outerHeight - height - 40) { 288 | 289 | daohanglan.style.top = (event.pageY + pianyi) + "px"; 290 | } else { 291 | 292 | daohanglan.style.top = (event.pageY-pianyi -height) + "px"; 293 | } 294 | 295 | 296 | 297 | 298 | 299 | }, 0); // 延迟1000毫秒（即1秒） 300 | 301 | // 获取鼠标位置 302 | var mouseX = event.clientX + window.screenX; 303 | var mouseY = event.clientY + window.screenY; 304 | // 为了计算元素内坐标，获取当前元素的位置 305 | 306 | 307 | var xyInfoDoc1 = "浏览器坐标 x:" + event.clientX + ",y:" + event.clientY + "
"; 308 | var xyInfoDoc2 = "屏幕坐标 x:" + mouseX + ",y:" + mouseY + "
"; 309 | 310 | // xyInfoEle = "元素内坐标 x:"+eleX+",y:"+eleY+"
"; 311 | 312 | // 将坐标信息、定位语法 显示到页面上 313 | var F9_info='🔹按F9 刷新定位'+"
"; 314 | 315 | 316 | document.getElementById('show').textContent = xyInfoDoc1+xyInfoDoc2 + F9_info + window.info; 317 | 318 | 319 | 320 | 321 | // 获取包含文本的 span 元素 322 | let spanElement = document.getElementById('show'); 323 | 324 | // 获取 span 元素内的文本内容 325 | let textContent = spanElement.textContent; 326 | 327 | // 使用 @@ 进行分割 328 | let lines = textContent.split('@@'); 329 | 330 | // 创建一个新的文本内容 331 | let newContent = ''; 332 | lines.forEach(function(line, index) { 333 | if (line.includes('tag')) { 334 | line = 'tag:' + line.split(':')[1] + ''; 335 | } 336 | // 添加换行符 337 | if (index > 0) { 338 | newContent += '
'; 339 | } 340 | // 添加当前行文本 341 | newContent += line; 342 | }); 343 | 344 | // 更新 span 元素的内容为新的文本内容 345 | spanElement.innerHTML = newContent; 346 | 347 | 348 | 349 | 350 | }); 351 | 352 | 353 | } 354 | // -------------------格式化字符串 355 | 356 | 357 | format_the_text(id){ 358 | // 获取包含文本的 span 元素 359 | let spanElement = document.getElementById(id); 360 | 361 | // 获取 span 元素内的文本内容 362 | let textContent = spanElement.textContent; 363 | 364 | // 使用 @@ 进行分割 365 | let lines = textContent.split('@@'); 366 | 367 | // 创建一个新的文本内容 368 | let newContent = ''; 369 | lines.forEach(function(line, index) { 370 | // 添加换行符 371 | if (index > 0) { 372 | newContent += '
'; 373 | } 374 | // 添加当前行文本 375 | newContent += line; 376 | }); 377 | 378 | // 更新 span 元素的内容为新的文本内容 379 | spanElement.innerHTML = newContent; 380 | } 381 | // ----------------获取到元素相对于电脑显示器的坐标 382 | getElementAbsolutePosition(ele) { 383 | // 获取元素 384 | // let element = ele; 385 | 386 | if (!ele) { 387 | console.error("未找到指定ID的元素"); 388 | return null; 389 | } 390 | 391 | // 获取元素相对于视口的位置 392 | var rect = ele.getBoundingClientRect(); 393 | 394 | // 计算元素相对于电脑显示器的坐标 395 | var x = rect.left + window.scrollX; 396 | var y = rect.top + window.scrollY; 397 | 398 | return { x: x, y: y }; 399 | } 400 | 401 | 402 | 403 | 404 | 405 | // 获取元素的XPath 406 | getElementXPath(element) { 407 | if (element && element.id) { 408 | return 'id("' + element.id + '")'; 409 | } else { 410 | let paths = []; 411 | for (; element && element.nodeType == Node.ELEMENT_NODE; element = element.parentNode) { 412 | let index = 0; 413 | let siblings = element.parentNode.childNodes; 414 | for (let i = 0; i < siblings.length; i++) { 415 | let sibling = siblings[i]; 416 | if (sibling == element) { 417 | index++; 418 | break; 419 | } 420 | } 421 | let tagName = element.nodeName.toLowerCase(); 422 | let pathIndex = (index ? "[" + (index+1) + "]" : ""); 423 | paths.splice(0, 0, tagName + pathIndex); 424 | } 425 | return paths.length ? "/" + paths.join("/") : null; 426 | } 427 | } 428 | 429 | // 复制元素的XPath 430 | copyElementXPath() { 431 | this.copyToClipboard(window.XPath_info); 432 | alert("✔️已经复制下面XPath语法到剪贴板 \n"+window.XPath_info); 433 | 434 | } 435 | 436 | 437 | 438 | // 提取元素语法内容 并弹窗提示 439 | extractInfoAndAlert(){ 440 | 441 | let tishi2=window.anotherGlobalVar; 442 | this.copyToClipboard(tishi2); 443 | 444 | alert('✔️已经复制该语法到剪贴板 \n'+tishi2); 445 | 446 | } 447 | extractInfoAndAlert_simple(){ 448 | 449 | let tishi2=window.anotherGlobalVar_simple; 450 | this.copyToClipboard(tishi2); 451 | 452 | alert('✔️已经复制该精简语法到剪贴板 \n'+tishi2); 453 | 454 | } 455 | 456 | extractInfoAndAlert_simple_input(){ 457 | let result = prompt("输入框里要输入的内容:", "1234"); 458 | if (result !== null) { 459 | // 用户点击了确认按钮，result 是用户输入的值 460 | var tishi2=`page.ele('${window.anotherGlobalVar_simple}').input('${result}')` ; 461 | this.copyToClipboard(tishi2); 462 | } else { 463 | // 用户点击了取消按钮或关闭了对话框 464 | } 465 | 466 | alert('✔️已经复制该精简语法到剪贴板 \n'+tishi2); 467 | 468 | } 469 | 470 | execute_js() { 471 | let result = prompt("输入你要执行的js语句:", "alert('123');"); 472 | if (result !== null && result.trim() !== "") { 473 | try { 474 | // 使用 try...catch 捕获可能出现的错误 475 | eval(result); 476 | } catch (error) { 477 | // 如果执行出错，显示错误信息 478 | alert('执行出错：' + error); 479 | } 480 | } else { 481 | // 用户点击了取消按钮或输入为空 482 | alert('执行不成功！'); 483 | } 484 | } 485 | 486 | extractInfoAndAlert_simple_click(){ 487 | 488 | let tishi2=`page.ele('${window.anotherGlobalVar_simple}').click()` ; 489 | this.copyToClipboard(tishi2); 490 | 491 | alert('✔️已经复制该精简语法到剪贴板 \n'+tishi2); 492 | 493 | } 494 | 495 | 496 | 497 | // 复制到剪贴板操作 498 | copyToClipboard(text) { 499 | navigator.clipboard.writeText(text); 500 | } 501 | 502 | 503 | // 切换导航栏位置 504 | togglePosition() { 505 | var daohanglan = document.getElementById("daohanglan"); 506 | 507 | if (daohanglan.style.left !== '') { 508 | daohanglan.style.removeProperty('left'); 509 | daohanglan.style.right = "0px"; 510 | 511 | 512 | } else { 513 | daohanglan.style.removeProperty('right'); 514 | daohanglan.style.left = "0px"; 515 | 516 | 517 | } 518 | } 519 | 520 | 521 | // 向页面注入JS 522 | injectCustomJs(jsPath) { 523 | jsPath = jsPath || 'js/inject.js'; 524 | var temp = document.createElement('script'); 525 | temp.setAttribute('type', 'text/javascript'); 526 | // 获得的地址类似：chrome-extension://ihcokhadfjfchaeagdoclpnjdiokfakg/js/inject.js 527 | temp.src = chrome.runtime.getURL(jsPath); 528 | temp.onload = function() { 529 | // 放在页面不好看，执行完后移除掉 530 | this.parentNode.removeChild(this); 531 | }; 532 | document.body.appendChild(temp); 533 | } 534 | 535 | 536 | 537 | 538 | // 获取当前网页中所有的图片元素 539 | getAllImageLinksTo(id) { 540 | const images = this.getElementsByName(['img','source','audio']); 541 | // const images = document.getElementsByTagName('img'); 542 | 543 | // 创建一个空数组来存储图片链接地址 544 | const imageLinks = []; 545 | 546 | // 遍历所有图片元素，提取图片链接地址并添加到数组中 547 | for (let i = 0; i < images.length; i++) { 548 | const image = images[i]; 549 | const src = image.src; // 获取图片链接地址 550 | imageLinks.push(src); // 将链接地址添加到数组中 551 | } 552 | 553 | // 获取 id 为 'img_url' 的 div 元素 554 | let div = document.getElementById('img_url'); 555 | 556 | // 如果该 div 元素不存在，则创建一个新的 div 元素 557 | if (!div) { 558 | div = document.createElement('div'); 559 | div.id = 'img_url'; // 设置 div 元素的 id 属性为 img_url 560 | document.getElementById(id).appendChild(div); // 将新创建的 div 元素插入到指定 id 的父元素中 561 | } 562 | 563 | // 获取该 div 中已存在的所有链接 564 | const existingLinks = div.querySelectorAll('a'); 565 | const existingLinkUrls = Array.from(existingLinks).map(link => link.href); 566 | 567 | // 将图片链接转换成带链接的 标签并添加到 div 元素中（如果链接不存在） 568 | imageLinks.forEach(link => { 569 | if (!existingLinkUrls.includes(link)) { 570 | const a = document.createElement('a'); 571 | a.href = link; // 设置 标签的 href 属性为图片链接地址 572 | // 设置 标签的文本内容为图片链接地址 ☑️ 573 | if(link.includes('.mp4')) {a.textContent = '🔷 ' + link;} 574 | else if(link.includes('.m4a')){a.textContent = '🔶 ' + link;} 575 | else{a.textContent = '✅* ' + link;} 576 | 577 | 578 | a.target = '_blank'; 579 | div.appendChild(a); // 将 标签添加到 div 元素中 580 | div.appendChild(document.createElement('br')); // 添加一个换行 581 | } 582 | }); 583 | 584 | 585 | // 返回图片链接数组（可选） 586 | return imageLinks; 587 | } 588 | 589 | getElementsByName(tagNames) { 590 | let elements = []; 591 | 592 | // 遍历标签名称数组 593 | tagNames.forEach(tagName => { 594 | // 获取指定标签名称的所有元素 595 | const elems = Array.from(document.getElementsByTagName(tagName)); 596 | // 将获取到的元素数组合并到结果数组中 597 | elements = elements.concat(elems); 598 | }); 599 | 600 | return elements; 601 | } 602 | 603 | 604 | download_video() { 605 | // 获取包含 shadow root 的元素 606 | const toolbarShadow = document.getElementById('video_download_toolbar_shadow'); 607 | 608 | // 如果找到了元素 609 | if (toolbarShadow) { 610 | // 获取 shadow root 611 | const shadowRoot = toolbarShadow.shadowRoot; 612 | 613 | // 如果存在 shadow root 614 | if (shadowRoot) { 615 | // 在 shadow root 中查询所有 img 元素 616 | const imgElements = shadowRoot.querySelectorAll('img'); 617 | 618 | // 遍历所有的 img 元素 619 | imgElements.forEach(imgElement => { 620 | // 获取每个 img 元素的 src 属性 621 | const src = imgElement.getAttribute('src'); 622 | // 检查 src 属性中是否包含 'download' 字符串 623 | if (src.includes('download')) { 624 | // 如果包含，执行点击操作 625 | imgElement.click(); 626 | } 627 | console.log(src); 628 | } 629 | ); 630 | } 631 | } else { 632 | console.log('没有找到下载按钮！') 633 | alert('该功能仅适用于 星愿浏览器！！') 634 | } 635 | 636 | } 637 | 638 | 639 | } 640 | 641 | //创建主程序对象 642 | var main_app=new MainApp(); 643 | 644 | 645 | // ------------------遮罩层类 646 | class OverlayElement { 647 | constructor(id,iframe_src) { 648 | // 创建遮罩层元素 649 | this.element = document.createElement('div'); 650 | 651 | this.element.id = id; 652 | // 将遮罩层添加到 body 中 653 | document.body.appendChild(this.element); 654 | // 设置默认样式 655 | this.setStyle(); 656 | // 设置点击事件监听器 657 | this.element.addEventListener('click', () => this.switch_show_hide()); 658 | // 获取插件id 659 | this.pluginId=chrome.runtime.id; 660 | this.iframeSrc=chrome.runtime.getURL('code_helper.html'); 661 | // 设置遮罩层内嵌的网页 662 | this.iframeID=id+'_iframe'; 663 | this.iframeInnerText = ` 664 |
665 | 666 |
667 | `; 668 | 669 | this.isFisrtInit=true; 670 | 671 | } 672 | 673 | // 设置默认样式 674 | setStyle() { 675 | Object.assign(this.element.style, { 676 | position: 'fixed', 677 | right: '0', 678 | top: '0', 679 | backgroundColor: 'rgba(0, 0, 0, 0.5)', 680 | display: 'none', 681 | width: '100%', 682 | height: '100%', 683 | zIndex: 1999, 684 | // justifyContent: 'center', 685 | // alignItems: 'center' 686 | }); 687 | } 688 | 689 | // 切换显示/隐藏状态 690 | switch_show_hide() { 691 | // this.element.style.display = this.element.style.display === 'none' ? 'flex' : 'none'; 692 | 693 | // $(this.element).slideToggle("slow"); 694 | if(this.isFisrtInit){ 695 | this.element.innerHTML =this.iframeInnerText; 696 | this.isFisrtInit=false; 697 | //iframe 可以自由缩放拖动 698 | $(function() { $('#sao_f').resizable();}); 699 | } 700 | // console.log('first init ?'+this.isFisrtInit); 701 | 702 | $(this.element).toggle('slide', {direction: 'left'}, 600); //需要加载jQuery-ui库 703 | 704 | } 705 | 706 | 707 | } 708 | 709 | 710 | 711 | 712 | // 创建遮罩层对象 713 | var overlay = new OverlayElement('overlay',chrome.runtime.getURL('code_helper.html')); 714 | // overlay.setIframeSrc(chrome.runtime.getURL('code_helper.html')); 715 | 716 | 717 | 718 | // 创建遮罩层对象 719 | var overlay2 = new OverlayElement('overlay2','https://drissionpage.cn/search'); 720 | 721 | 722 | var overlay4 = new OverlayElement('overlay4',chrome.runtime.getURL('AI.html')); 723 | var overlay3 = new OverlayElement('overlay3','https://wxhzhwxhzh.github.io/saossion_code_helper_online/vip/index.html'); 724 | 725 | var overlay5 = new OverlayElement('overlay5','https://wxhzhwxhzh.github.io/saossion_code_helper_online/jiaoxue/index.html'); 726 | 727 | // 输出插件的 ID 728 | console.log(overlay.pluginId); 729 | 730 | 731 | 732 | 733 | // 切换显示信息展示栏 734 | function info_show_switch() { 735 | chrome.storage.local.get('show_div', function (result) { 736 | var newState = (result.show_div === '隐藏') ? '显示' : '隐藏'; 737 | 738 | if (newState == '隐藏') { 739 | document.getElementById('daohanglan').style.display = "none"; 740 | } else { 741 | document.getElementById('daohanglan').style.display = "block"; 742 | } 743 | 744 | chrome.storage.local.set({ show_div: newState }, function () { 745 | console.log('信息栏- ' + newState ); 746 | // alert('信息展示栏已经' + newState); 747 | AutoDismissAlert('元素信息浮窗 已经' + newState,1000); 748 | }); 749 | 750 | 751 | }); 752 | } 753 | 754 | 755 | 756 | 757 | // 万能侧边栏圆形按钮 骚 758 | 759 | var side_button_code = ` 760 | 761 |
762 | 763 |
    764 |
  • 骚
    • 765 |
  • 神
    • 766 |
  • 库
    • 767 | 768 | 769 |
770 |
771 |
元素浮窗开关
772 |
信息浮窗开关
773 |
复制cookie
774 |
复制UA
775 |
指纹检测
776 | 777 |
启动代码生成
778 |
视频解析
779 |
官方文档速查
780 |
实战代码教学
781 | 782 |
ChatGPT
783 | 784 |
785 |
786 | 787 | 788 | ` 789 | var side_button=document.createElement('div'); 790 | side_button.id='cebianlan'; 791 | side_button.innerHTML=side_button_code; 792 | 793 | document.body.appendChild(side_button); 794 | 795 | $('#sao1').click(function() { 796 | info_show_switch(); 797 | }); 798 | 799 | $('#sao2').click(function() { 800 | 801 | overlay.switch_show_hide(); 802 | }); 803 | 804 | $('#sao3').click(function() { 805 | let xuanfu_chuang = $('#floatingWindow'); 806 | xuanfu_chuang.toggle(); 807 | }); 808 | 809 | $('#sao4').click(function() { 810 | main_app.copyToClipboard(document.cookie); 811 | alert('网页的cookie已经复制到剪贴板 \n' + document.cookie); 812 | }); 813 | 814 | $('#sao5').click(function() { 815 | main_app.copyToClipboard(navigator.userAgent); 816 | alert('网页的UA已经复制到剪贴板 \n' + navigator.userAgent); 817 | }); 818 | 819 | 820 | 821 | $('#sao7').click(function() { 822 | window.open("https://ip77.net/", "_blank"); 823 | }); 824 | 825 | $('#sao_video').click(function() { 826 | overlay3.switch_show_hide(); 827 | 828 | }); 829 | 830 | $('#sao9').click(function() { 831 | overlay2.switch_show_hide(); 832 | }); 833 | 834 | $('#sao10').click(function() { 835 | overlay5.switch_show_hide(); 836 | 837 | }); 838 | 839 | $('#sao11').click(function() { 840 | overlay4.switch_show_hide(); 841 | }); 842 | 843 | 844 | 845 | 846 | 847 | 848 | // 变成可拖拽的按钮 对话框的浮窗 849 | $(function() { 850 | $("#yuananniu").draggable(); 851 | $( "#floatingWindow" ).draggable(); 852 | $(".sao_iframe").resizable(); 853 | 854 | }); 855 | 856 | // 调用函数设置悬浮窗 857 | setupFloatingWindow(); 858 | // 创建和配置悬浮窗 859 | function setupFloatingWindow() { 860 | // 创建悬浮窗 861 | var $floatingWindow = $('
', { 862 | class: 'floating-window', 863 | id: 'floatingWindow' 864 | }); 865 | 866 | // 创建标题栏 867 | var $titleBar = $('
', { 868 | class: 'title-bar', 869 | id: 'titleBar', 870 | text: '信息浮窗(可拖动)' 871 | }); 872 | 873 | // 创建关闭按钮 874 | var $closeBtn = $('', { 875 | class: 'close-btn', 876 | id: 'closeBtn', 877 | html: '  X' 878 | }); 879 | 880 | // 添加关闭按钮到标题栏 881 | $titleBar.append($closeBtn); 882 | 883 | // 点击关闭按钮隐藏浮窗 884 | $closeBtn.on('click', function() { 885 | $floatingWindow.hide(); 886 | }); 887 | 888 | // 创建内容区域 889 | var $content = $('
', { 890 | id: 'float_content', 891 | class: 'content', 892 | html: $('#daohanglan').html() // 使用html()方法获取元素的内容 893 | }).css("user-select", "text"); 894 | // 将标题栏和内容区域添加到浮窗 895 | $floatingWindow.append($titleBar).append($content); 896 | 897 | // 将浮窗添加到body中 898 | $floatingWindow.hide().appendTo('body'); 899 | // 更新内容 900 | setInterval(() => { 901 | $('#float_content').html($('#daohanglan').html()); 902 | 903 | 904 | }, 300); 905 | 906 | } 907 | 908 | 909 | 910 | function startLyricsScrolling(ulId) { 911 | var lyricsContainer = $('#' + ulId).parent(); 912 | var lyricsList = $('#' + ulId + ' li'); 913 | 914 | var index = 0; 915 | var length = lyricsList.length; 916 | lyricsList.fadeOut(10); 917 | 918 | function scrollLyrics() { 919 | lyricsList.eq(index).fadeOut(1000, function() { 920 | index = (index + 1) % length; 921 | lyricsList.eq(index).fadeIn(1000); 922 | }); 923 | } 924 | 925 | 926 | // var scrollInterval = setInterval(scrollLyrics, 2000); 927 | 928 | // 当鼠标悬停在歌词容器上时，停止滚动 929 | lyricsContainer.on('mouseleave', function() { 930 | clearInterval(scrollInterval); 931 | }); 932 | 933 | // 当鼠标离开歌词容器时，恢复滚动 934 | lyricsContainer.on('mouseenter', function() { 935 | scrollInterval = setInterval(scrollLyrics, 2000); 936 | }); 937 | 938 | 939 | // lyricsList.eq(2).fadeIn(10); 940 | // 初始化第一行歌词的淡入 941 | lyricsList.eq(0).fadeIn(1000); 942 | 943 | } 944 | // 调用函数来启动歌词滚动效果 945 | // $('#lyrics-list').fadeOut('fast'); 946 | startLyricsScrolling('lyrics-list'); 947 | 948 | 949 | 950 | 951 | 952 | 953 | 954 | 955 | 956 | -------------------------------------------------------------------------------- /元素定位助手/元素定位助手/Saossionpage_ele_helper_5.2/css/jquery-ui.css: -------------------------------------------------------------------------------- 1 | /*! jQuery UI - v1.13.3 - 2024-04-26 2 | * https://jqueryui.com 3 | * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css 4 | * To view and modify this theme, visit https://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=%22alpha(opacity%3D30)%22&opacityFilterOverlay=%22alpha(opacity%3D30)%22&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 5 | * Copyright OpenJS Foundation and other contributors; Licensed MIT */ 6 | 7 | /* Layout helpers 8 | ----------------------------------*/ 9 | .ui-helper-hidden { 10 | display: none; 11 | } 12 | .ui-helper-hidden-accessible { 13 | border: 0; 14 | clip: rect(0 0 0 0); 15 | height: 1px; 16 | margin: -1px; 17 | overflow: hidden; 18 | padding: 0; 19 | position: absolute; 20 | width: 1px; 21 | } 22 | .ui-helper-reset { 23 | margin: 0; 24 | padding: 0; 25 | border: 0; 26 | outline: 0; 27 | line-height: 1.3; 28 | text-decoration: none; 29 | font-size: 100%; 30 | list-style: none; 31 | } 32 | .ui-helper-clearfix:before, 33 | .ui-helper-clearfix:after { 34 | content: ""; 35 | display: table; 36 | border-collapse: collapse; 37 | } 38 | .ui-helper-clearfix:after { 39 | clear: both; 40 | } 41 | .ui-helper-zfix { 42 | width: 100%; 43 | height: 100%; 44 | top: 0; 45 | left: 0; 46 | position: absolute; 47 | opacity: 0; 48 | -ms-filter: "alpha(opacity=0)"; /* support: IE8 */ 49 | } 50 | 51 | .ui-front { 52 | z-index: 100; 53 | } 54 | 55 | 56 | /* Interaction Cues 57 | ----------------------------------*/ 58 | .ui-state-disabled { 59 | cursor: default !important; 60 | pointer-events: none; 61 | } 62 | 63 | 64 | /* Icons 65 | ----------------------------------*/ 66 | .ui-icon { 67 | display: inline-block; 68 | vertical-align: middle; 69 | margin-top: -.25em; 70 | position: relative; 71 | text-indent: -99999px; 72 | overflow: hidden; 73 | background-repeat: no-repeat; 74 | } 75 | 76 | .ui-widget-icon-block { 77 | left: 50%; 78 | margin-left: -8px; 79 | display: block; 80 | } 81 | 82 | /* Misc visuals 83 | ----------------------------------*/ 84 | 85 | /* Overlays */ 86 | .ui-widget-overlay { 87 | position: fixed; 88 | top: 0; 89 | left: 0; 90 | width: 100%; 91 | height: 100%; 92 | } 93 | .ui-accordion .ui-accordion-header { 94 | display: block; 95 | cursor: pointer; 96 | position: relative; 97 | margin: 2px 0 0 0; 98 | padding: .5em .5em .5em .7em; 99 | font-size: 100%; 100 | } 101 | .ui-accordion .ui-accordion-content { 102 | padding: 1em 2.2em; 103 | border-top: 0; 104 | overflow: auto; 105 | } 106 | .ui-autocomplete { 107 | position: absolute; 108 | top: 0; 109 | left: 0; 110 | cursor: default; 111 | } 112 | .ui-menu { 113 | list-style: none; 114 | padding: 0; 115 | margin: 0; 116 | display: block; 117 | outline: 0; 118 | } 119 | .ui-menu .ui-menu { 120 | position: absolute; 121 | } 122 | .ui-menu .ui-menu-item { 123 | margin: 0; 124 | cursor: pointer; 125 | /* support: IE10, see #8844 */ 126 | list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); 127 | } 128 | .ui-menu .ui-menu-item-wrapper { 129 | position: relative; 130 | padding: 3px 1em 3px .4em; 131 | } 132 | .ui-menu .ui-menu-divider { 133 | margin: 5px 0; 134 | height: 0; 135 | font-size: 0; 136 | line-height: 0; 137 | border-width: 1px 0 0 0; 138 | } 139 | .ui-menu .ui-state-focus, 140 | .ui-menu .ui-state-active { 141 | margin: -1px; 142 | } 143 | 144 | /* icon support */ 145 | .ui-menu-icons { 146 | position: relative; 147 | } 148 | .ui-menu-icons .ui-menu-item-wrapper { 149 | padding-left: 2em; 150 | } 151 | 152 | /* left-aligned */ 153 | .ui-menu .ui-icon { 154 | position: absolute; 155 | top: 0; 156 | bottom: 0; 157 | left: .2em; 158 | margin: auto 0; 159 | } 160 | 161 | /* right-aligned */ 162 | .ui-menu .ui-menu-icon { 163 | left: auto; 164 | right: 0; 165 | } 166 | .ui-button { 167 | padding: .4em 1em; 168 | display: inline-block; 169 | position: relative; 170 | line-height: normal; 171 | margin-right: .1em; 172 | cursor: pointer; 173 | vertical-align: middle; 174 | text-align: center; 175 | -webkit-user-select: none; 176 | -moz-user-select: none; 177 | -ms-user-select: none; 178 | user-select: none; 179 | 180 | /* Support: IE <= 11 */ 181 | overflow: visible; 182 | } 183 | 184 | .ui-button, 185 | .ui-button:link, 186 | .ui-button:visited, 187 | .ui-button:hover, 188 | .ui-button:active { 189 | text-decoration: none; 190 | } 191 | 192 | /* to make room for the icon, a width needs to be set here */ 193 | .ui-button-icon-only { 194 | width: 2em; 195 | box-sizing: border-box; 196 | text-indent: -9999px; 197 | white-space: nowrap; 198 | } 199 | 200 | /* no icon support for input elements */ 201 | input.ui-button.ui-button-icon-only { 202 | text-indent: 0; 203 | } 204 | 205 | /* button icon element(s) */ 206 | .ui-button-icon-only .ui-icon { 207 | position: absolute; 208 | top: 50%; 209 | left: 50%; 210 | margin-top: -8px; 211 | margin-left: -8px; 212 | } 213 | 214 | .ui-button.ui-icon-notext .ui-icon { 215 | padding: 0; 216 | width: 2.1em; 217 | height: 2.1em; 218 | text-indent: -9999px; 219 | white-space: nowrap; 220 | 221 | } 222 | 223 | input.ui-button.ui-icon-notext .ui-icon { 224 | width: auto; 225 | height: auto; 226 | text-indent: 0; 227 | white-space: normal; 228 | padding: .4em 1em; 229 | } 230 | 231 | /* workarounds */ 232 | /* Support: Firefox 5 - 40 */ 233 | input.ui-button::-moz-focus-inner, 234 | button.ui-button::-moz-focus-inner { 235 | border: 0; 236 | padding: 0; 237 | } 238 | .ui-controlgroup { 239 | vertical-align: middle; 240 | display: inline-block; 241 | } 242 | .ui-controlgroup > .ui-controlgroup-item { 243 | float: left; 244 | margin-left: 0; 245 | margin-right: 0; 246 | } 247 | .ui-controlgroup > .ui-controlgroup-item:focus, 248 | .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { 249 | z-index: 9999; 250 | } 251 | .ui-controlgroup-vertical > .ui-controlgroup-item { 252 | display: block; 253 | float: none; 254 | width: 100%; 255 | margin-top: 0; 256 | margin-bottom: 0; 257 | text-align: left; 258 | } 259 | .ui-controlgroup-vertical .ui-controlgroup-item { 260 | box-sizing: border-box; 261 | } 262 | .ui-controlgroup .ui-controlgroup-label { 263 | padding: .4em 1em; 264 | } 265 | .ui-controlgroup .ui-controlgroup-label span { 266 | font-size: 80%; 267 | } 268 | .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { 269 | border-left: none; 270 | } 271 | .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { 272 | border-top: none; 273 | } 274 | .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { 275 | border-right: none; 276 | } 277 | .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { 278 | border-bottom: none; 279 | } 280 | 281 | /* Spinner specific style fixes */ 282 | .ui-controlgroup-vertical .ui-spinner-input { 283 | 284 | /* Support: IE8 only, Android < 4.4 only */ 285 | width: 75%; 286 | width: calc( 100% - 2.4em ); 287 | } 288 | .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { 289 | border-top-style: solid; 290 | } 291 | 292 | .ui-checkboxradio-label .ui-icon-background { 293 | box-shadow: inset 1px 1px 1px #ccc; 294 | border-radius: .12em; 295 | border: none; 296 | } 297 | .ui-checkboxradio-radio-label .ui-icon-background { 298 | width: 16px; 299 | height: 16px; 300 | border-radius: 1em; 301 | overflow: visible; 302 | border: none; 303 | } 304 | .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, 305 | .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { 306 | background-image: none; 307 | width: 8px; 308 | height: 8px; 309 | border-width: 4px; 310 | border-style: solid; 311 | } 312 | .ui-checkboxradio-disabled { 313 | pointer-events: none; 314 | } 315 | .ui-datepicker { 316 | width: 17em; 317 | padding: .2em .2em 0; 318 | display: none; 319 | } 320 | .ui-datepicker .ui-datepicker-header { 321 | position: relative; 322 | padding: .2em 0; 323 | } 324 | .ui-datepicker .ui-datepicker-prev, 325 | .ui-datepicker .ui-datepicker-next { 326 | position: absolute; 327 | top: 2px; 328 | width: 1.8em; 329 | height: 1.8em; 330 | } 331 | .ui-datepicker .ui-datepicker-prev-hover, 332 | .ui-datepicker .ui-datepicker-next-hover { 333 | top: 1px; 334 | } 335 | .ui-datepicker .ui-datepicker-prev { 336 | left: 2px; 337 | } 338 | .ui-datepicker .ui-datepicker-next { 339 | right: 2px; 340 | } 341 | .ui-datepicker .ui-datepicker-prev-hover { 342 | left: 1px; 343 | } 344 | .ui-datepicker .ui-datepicker-next-hover { 345 | right: 1px; 346 | } 347 | .ui-datepicker .ui-datepicker-prev span, 348 | .ui-datepicker .ui-datepicker-next span { 349 | display: block; 350 | position: absolute; 351 | left: 50%; 352 | margin-left: -8px; 353 | top: 50%; 354 | margin-top: -8px; 355 | } 356 | .ui-datepicker .ui-datepicker-title { 357 | margin: 0 2.3em; 358 | line-height: 1.8em; 359 | text-align: center; 360 | } 361 | .ui-datepicker .ui-datepicker-title select { 362 | font-size: 1em; 363 | margin: 1px 0; 364 | } 365 | .ui-datepicker select.ui-datepicker-month, 366 | .ui-datepicker select.ui-datepicker-year { 367 | width: 45%; 368 | } 369 | .ui-datepicker table { 370 | width: 100%; 371 | font-size: .9em; 372 | border-collapse: collapse; 373 | margin: 0 0 .4em; 374 | } 375 | .ui-datepicker th { 376 | padding: .7em .3em; 377 | text-align: center; 378 | font-weight: bold; 379 | border: 0; 380 | } 381 | .ui-datepicker td { 382 | border: 0; 383 | padding: 1px; 384 | } 385 | .ui-datepicker td span, 386 | .ui-datepicker td a { 387 | display: block; 388 | padding: .2em; 389 | text-align: right; 390 | text-decoration: none; 391 | } 392 | .ui-datepicker .ui-datepicker-buttonpane { 393 | background-image: none; 394 | margin: .7em 0 0 0; 395 | padding: 0 .2em; 396 | border-left: 0; 397 | border-right: 0; 398 | border-bottom: 0; 399 | } 400 | .ui-datepicker .ui-datepicker-buttonpane button { 401 | float: right; 402 | margin: .5em .2em .4em; 403 | cursor: pointer; 404 | padding: .2em .6em .3em .6em; 405 | width: auto; 406 | overflow: visible; 407 | } 408 | .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { 409 | float: left; 410 | } 411 | 412 | /* with multiple calendars */ 413 | .ui-datepicker.ui-datepicker-multi { 414 | width: auto; 415 | } 416 | .ui-datepicker-multi .ui-datepicker-group { 417 | float: left; 418 | } 419 | .ui-datepicker-multi .ui-datepicker-group table { 420 | width: 95%; 421 | margin: 0 auto .4em; 422 | } 423 | .ui-datepicker-multi-2 .ui-datepicker-group { 424 | width: 50%; 425 | } 426 | .ui-datepicker-multi-3 .ui-datepicker-group { 427 | width: 33.3%; 428 | } 429 | .ui-datepicker-multi-4 .ui-datepicker-group { 430 | width: 25%; 431 | } 432 | .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, 433 | .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { 434 | border-left-width: 0; 435 | } 436 | .ui-datepicker-multi .ui-datepicker-buttonpane { 437 | clear: left; 438 | } 439 | .ui-datepicker-row-break { 440 | clear: both; 441 | width: 100%; 442 | font-size: 0; 443 | } 444 | 445 | /* RTL support */ 446 | .ui-datepicker-rtl { 447 | direction: rtl; 448 | } 449 | .ui-datepicker-rtl .ui-datepicker-prev { 450 | right: 2px; 451 | left: auto; 452 | } 453 | .ui-datepicker-rtl .ui-datepicker-next { 454 | left: 2px; 455 | right: auto; 456 | } 457 | .ui-datepicker-rtl .ui-datepicker-prev:hover { 458 | right: 1px; 459 | left: auto; 460 | } 461 | .ui-datepicker-rtl .ui-datepicker-next:hover { 462 | left: 1px; 463 | right: auto; 464 | } 465 | .ui-datepicker-rtl .ui-datepicker-buttonpane { 466 | clear: right; 467 | } 468 | .ui-datepicker-rtl .ui-datepicker-buttonpane button { 469 | float: left; 470 | } 471 | .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, 472 | .ui-datepicker-rtl .ui-datepicker-group { 473 | float: right; 474 | } 475 | .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, 476 | .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { 477 | border-right-width: 0; 478 | border-left-width: 1px; 479 | } 480 | 481 | /* Icons */ 482 | .ui-datepicker .ui-icon { 483 | display: block; 484 | text-indent: -99999px; 485 | overflow: hidden; 486 | background-repeat: no-repeat; 487 | left: .5em; 488 | top: .3em; 489 | } 490 | .ui-dialog { 491 | position: absolute; 492 | top: 0; 493 | left: 0; 494 | padding: .2em; 495 | outline: 0; 496 | } 497 | .ui-dialog .ui-dialog-titlebar { 498 | padding: .4em 1em; 499 | position: relative; 500 | } 501 | .ui-dialog .ui-dialog-title { 502 | float: left; 503 | margin: .1em 0; 504 | white-space: nowrap; 505 | width: 90%; 506 | overflow: hidden; 507 | text-overflow: ellipsis; 508 | } 509 | .ui-dialog .ui-dialog-titlebar-close { 510 | position: absolute; 511 | right: .3em; 512 | top: 50%; 513 | width: 20px; 514 | margin: -10px 0 0 0; 515 | padding: 1px; 516 | height: 20px; 517 | } 518 | .ui-dialog .ui-dialog-content { 519 | position: relative; 520 | border: 0; 521 | padding: .5em 1em; 522 | background: none; 523 | overflow: auto; 524 | } 525 | .ui-dialog .ui-dialog-buttonpane { 526 | text-align: left; 527 | border-width: 1px 0 0 0; 528 | background-image: none; 529 | margin-top: .5em; 530 | padding: .3em 1em .5em .4em; 531 | } 532 | .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 533 | float: right; 534 | } 535 | .ui-dialog .ui-dialog-buttonpane button { 536 | margin: .5em .4em .5em 0; 537 | cursor: pointer; 538 | } 539 | .ui-dialog .ui-resizable-n { 540 | height: 2px; 541 | top: 0; 542 | } 543 | .ui-dialog .ui-resizable-e { 544 | width: 2px; 545 | right: 0; 546 | } 547 | .ui-dialog .ui-resizable-s { 548 | height: 2px; 549 | bottom: 0; 550 | } 551 | .ui-dialog .ui-resizable-w { 552 | width: 2px; 553 | left: 0; 554 | } 555 | .ui-dialog .ui-resizable-se, 556 | .ui-dialog .ui-resizable-sw, 557 | .ui-dialog .ui-resizable-ne, 558 | .ui-dialog .ui-resizable-nw { 559 | width: 7px; 560 | height: 7px; 561 | } 562 | .ui-dialog .ui-resizable-se { 563 | right: 0; 564 | bottom: 0; 565 | } 566 | .ui-dialog .ui-resizable-sw { 567 | left: 0; 568 | bottom: 0; 569 | } 570 | .ui-dialog .ui-resizable-ne { 571 | right: 0; 572 | top: 0; 573 | } 574 | .ui-dialog .ui-resizable-nw { 575 | left: 0; 576 | top: 0; 577 | } 578 | .ui-draggable .ui-dialog-titlebar { 579 | cursor: move; 580 | } 581 | .ui-draggable-handle { 582 | -ms-touch-action: none; 583 | touch-action: none; 584 | } 585 | .ui-resizable { 586 | position: relative; 587 | } 588 | .ui-resizable-handle { 589 | position: absolute; 590 | font-size: 0.1px; 591 | display: block; 592 | -ms-touch-action: none; 593 | touch-action: none; 594 | } 595 | .ui-resizable-disabled .ui-resizable-handle, 596 | .ui-resizable-autohide .ui-resizable-handle { 597 | display: none; 598 | } 599 | .ui-resizable-n { 600 | cursor: n-resize; 601 | height: 7px; 602 | width: 100%; 603 | top: -5px; 604 | left: 0; 605 | } 606 | .ui-resizable-s { 607 | cursor: s-resize; 608 | height: 7px; 609 | width: 100%; 610 | bottom: -5px; 611 | left: 0; 612 | } 613 | .ui-resizable-e { 614 | cursor: e-resize; 615 | width: 7px; 616 | right: -5px; 617 | top: 0; 618 | height: 100%; 619 | } 620 | .ui-resizable-w { 621 | cursor: w-resize; 622 | width: 7px; 623 | left: -5px; 624 | top: 0; 625 | height: 100%; 626 | } 627 | .ui-resizable-se { 628 | cursor: se-resize; 629 | width: 12px; 630 | height: 12px; 631 | right: 1px; 632 | bottom: 1px; 633 | } 634 | .ui-resizable-sw { 635 | cursor: sw-resize; 636 | width: 9px; 637 | height: 9px; 638 | left: -5px; 639 | bottom: -5px; 640 | } 641 | .ui-resizable-nw { 642 | cursor: nw-resize; 643 | width: 9px; 644 | height: 9px; 645 | left: -5px; 646 | top: -5px; 647 | } 648 | .ui-resizable-ne { 649 | cursor: ne-resize; 650 | width: 9px; 651 | height: 9px; 652 | right: -5px; 653 | top: -5px; 654 | } 655 | .ui-progressbar { 656 | height: 2em; 657 | text-align: left; 658 | overflow: hidden; 659 | } 660 | .ui-progressbar .ui-progressbar-value { 661 | margin: -1px; 662 | height: 100%; 663 | } 664 | .ui-progressbar .ui-progressbar-overlay { 665 | background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); 666 | height: 100%; 667 | -ms-filter: "alpha(opacity=25)"; /* support: IE8 */ 668 | opacity: 0.25; 669 | } 670 | .ui-progressbar-indeterminate .ui-progressbar-value { 671 | background-image: none; 672 | } 673 | .ui-selectable { 674 | -ms-touch-action: none; 675 | touch-action: none; 676 | } 677 | .ui-selectable-helper { 678 | position: absolute; 679 | z-index: 100; 680 | border: 1px dotted black; 681 | } 682 | .ui-selectmenu-menu { 683 | padding: 0; 684 | margin: 0; 685 | position: absolute; 686 | top: 0; 687 | left: 0; 688 | display: none; 689 | } 690 | .ui-selectmenu-menu .ui-menu { 691 | overflow: auto; 692 | overflow-x: hidden; 693 | padding-bottom: 1px; 694 | } 695 | .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { 696 | font-size: 1em; 697 | font-weight: bold; 698 | line-height: 1.5; 699 | padding: 2px 0.4em; 700 | margin: 0.5em 0 0 0; 701 | height: auto; 702 | border: 0; 703 | } 704 | .ui-selectmenu-open { 705 | display: block; 706 | } 707 | .ui-selectmenu-text { 708 | display: block; 709 | margin-right: 20px; 710 | overflow: hidden; 711 | text-overflow: ellipsis; 712 | } 713 | .ui-selectmenu-button.ui-button { 714 | text-align: left; 715 | white-space: nowrap; 716 | width: 14em; 717 | } 718 | .ui-selectmenu-icon.ui-icon { 719 | float: right; 720 | margin-top: 0; 721 | } 722 | .ui-slider { 723 | position: relative; 724 | text-align: left; 725 | } 726 | .ui-slider .ui-slider-handle { 727 | position: absolute; 728 | z-index: 2; 729 | width: 1.2em; 730 | height: 1.2em; 731 | cursor: pointer; 732 | -ms-touch-action: none; 733 | touch-action: none; 734 | } 735 | .ui-slider .ui-slider-range { 736 | position: absolute; 737 | z-index: 1; 738 | font-size: .7em; 739 | display: block; 740 | border: 0; 741 | background-position: 0 0; 742 | } 743 | 744 | /* support: IE8 - See #6727 */ 745 | .ui-slider.ui-state-disabled .ui-slider-handle, 746 | .ui-slider.ui-state-disabled .ui-slider-range { 747 | filter: inherit; 748 | } 749 | 750 | .ui-slider-horizontal { 751 | height: .8em; 752 | } 753 | .ui-slider-horizontal .ui-slider-handle { 754 | top: -.3em; 755 | margin-left: -.6em; 756 | } 757 | .ui-slider-horizontal .ui-slider-range { 758 | top: 0; 759 | height: 100%; 760 | } 761 | .ui-slider-horizontal .ui-slider-range-min { 762 | left: 0; 763 | } 764 | .ui-slider-horizontal .ui-slider-range-max { 765 | right: 0; 766 | } 767 | 768 | .ui-slider-vertical { 769 | width: .8em; 770 | height: 100px; 771 | } 772 | .ui-slider-vertical .ui-slider-handle { 773 | left: -.3em; 774 | margin-left: 0; 775 | margin-bottom: -.6em; 776 | } 777 | .ui-slider-vertical .ui-slider-range { 778 | left: 0; 779 | width: 100%; 780 | } 781 | .ui-slider-vertical .ui-slider-range-min { 782 | bottom: 0; 783 | } 784 | .ui-slider-vertical .ui-slider-range-max { 785 | top: 0; 786 | } 787 | .ui-sortable-handle { 788 | -ms-touch-action: none; 789 | touch-action: none; 790 | } 791 | .ui-spinner { 792 | position: relative; 793 | display: inline-block; 794 | overflow: hidden; 795 | padding: 0; 796 | vertical-align: middle; 797 | } 798 | .ui-spinner-input { 799 | border: none; 800 | background: none; 801 | color: inherit; 802 | padding: .222em 0; 803 | margin: .2em 0; 804 | vertical-align: middle; 805 | margin-left: .4em; 806 | margin-right: 2em; 807 | } 808 | .ui-spinner-button { 809 | width: 1.6em; 810 | height: 50%; 811 | font-size: .5em; 812 | padding: 0; 813 | margin: 0; 814 | text-align: center; 815 | position: absolute; 816 | cursor: default; 817 | display: block; 818 | overflow: hidden; 819 | right: 0; 820 | } 821 | /* more specificity required here to override default borders */ 822 | .ui-spinner a.ui-spinner-button { 823 | border-top-style: none; 824 | border-bottom-style: none; 825 | border-right-style: none; 826 | } 827 | .ui-spinner-up { 828 | top: 0; 829 | } 830 | .ui-spinner-down { 831 | bottom: 0; 832 | } 833 | .ui-tabs { 834 | position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ 835 | padding: .2em; 836 | } 837 | .ui-tabs .ui-tabs-nav { 838 | margin: 0; 839 | padding: .2em .2em 0; 840 | } 841 | .ui-tabs .ui-tabs-nav li { 842 | list-style: none; 843 | float: left; 844 | position: relative; 845 | top: 0; 846 | margin: 1px .2em 0 0; 847 | border-bottom-width: 0; 848 | padding: 0; 849 | white-space: nowrap; 850 | } 851 | .ui-tabs .ui-tabs-nav .ui-tabs-anchor { 852 | float: left; 853 | padding: .5em 1em; 854 | text-decoration: none; 855 | } 856 | .ui-tabs .ui-tabs-nav li.ui-tabs-active { 857 | margin-bottom: -1px; 858 | padding-bottom: 1px; 859 | } 860 | .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, 861 | .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, 862 | .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { 863 | cursor: text; 864 | } 865 | .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { 866 | cursor: pointer; 867 | } 868 | .ui-tabs .ui-tabs-panel { 869 | display: block; 870 | border-width: 0; 871 | padding: 1em 1.4em; 872 | background: none; 873 | } 874 | .ui-tooltip { 875 | padding: 8px; 876 | position: absolute; 877 | z-index: 9999; 878 | max-width: 300px; 879 | } 880 | body .ui-tooltip { 881 | border-width: 2px; 882 | } 883 | 884 | /* Component containers 885 | ----------------------------------*/ 886 | .ui-widget { 887 | font-family: Arial,Helvetica,sans-serif; 888 | font-size: 1em; 889 | } 890 | .ui-widget .ui-widget { 891 | font-size: 1em; 892 | } 893 | .ui-widget input, 894 | .ui-widget select, 895 | .ui-widget textarea, 896 | .ui-widget button { 897 | font-family: Arial,Helvetica,sans-serif; 898 | font-size: 1em; 899 | } 900 | .ui-widget.ui-widget-content { 901 | border: 1px solid #c5c5c5; 902 | } 903 | .ui-widget-content { 904 | border: 1px solid #dddddd; 905 | background: #ffffff; 906 | color: #333333; 907 | } 908 | .ui-widget-content a { 909 | color: #333333; 910 | } 911 | .ui-widget-header { 912 | border: 1px solid #dddddd; 913 | background: #e9e9e9; 914 | color: #333333; 915 | font-weight: bold; 916 | } 917 | .ui-widget-header a { 918 | color: #333333; 919 | } 920 | 921 | /* Interaction states 922 | ----------------------------------*/ 923 | .ui-state-default, 924 | .ui-widget-content .ui-state-default, 925 | .ui-widget-header .ui-state-default, 926 | .ui-button, 927 | 928 | /* We use html here because we need a greater specificity to make sure disabled 929 | works properly when clicked or hovered */ 930 | html .ui-button.ui-state-disabled:hover, 931 | html .ui-button.ui-state-disabled:active { 932 | border: 1px solid #c5c5c5; 933 | background: #f6f6f6; 934 | font-weight: normal; 935 | color: #454545; 936 | } 937 | .ui-state-default a, 938 | .ui-state-default a:link, 939 | .ui-state-default a:visited, 940 | a.ui-button, 941 | a:link.ui-button, 942 | a:visited.ui-button, 943 | .ui-button { 944 | color: #454545; 945 | text-decoration: none; 946 | } 947 | .ui-state-hover, 948 | .ui-widget-content .ui-state-hover, 949 | .ui-widget-header .ui-state-hover, 950 | .ui-state-focus, 951 | .ui-widget-content .ui-state-focus, 952 | .ui-widget-header .ui-state-focus, 953 | .ui-button:hover, 954 | .ui-button:focus { 955 | border: 1px solid #cccccc; 956 | background: #ededed; 957 | font-weight: normal; 958 | color: #2b2b2b; 959 | } 960 | .ui-state-hover a, 961 | .ui-state-hover a:hover, 962 | .ui-state-hover a:link, 963 | .ui-state-hover a:visited, 964 | .ui-state-focus a, 965 | .ui-state-focus a:hover, 966 | .ui-state-focus a:link, 967 | .ui-state-focus a:visited, 968 | a.ui-button:hover, 969 | a.ui-button:focus { 970 | color: #2b2b2b; 971 | text-decoration: none; 972 | } 973 | 974 | .ui-visual-focus { 975 | box-shadow: 0 0 3px 1px rgb(94, 158, 214); 976 | } 977 | .ui-state-active, 978 | .ui-widget-content .ui-state-active, 979 | .ui-widget-header .ui-state-active, 980 | a.ui-button:active, 981 | .ui-button:active, 982 | .ui-button.ui-state-active:hover { 983 | border: 1px solid #003eff; 984 | background: #007fff; 985 | font-weight: normal; 986 | color: #ffffff; 987 | } 988 | .ui-icon-background, 989 | .ui-state-active .ui-icon-background { 990 | border: #003eff; 991 | background-color: #ffffff; 992 | } 993 | .ui-state-active a, 994 | .ui-state-active a:link, 995 | .ui-state-active a:visited { 996 | color: #ffffff; 997 | text-decoration: none; 998 | } 999 | 1000 | /* Interaction Cues 1001 | ----------------------------------*/ 1002 | .ui-state-highlight, 1003 | .ui-widget-content .ui-state-highlight, 1004 | .ui-widget-header .ui-state-highlight { 1005 | border: 1px solid #dad55e; 1006 | background: #fffa90; 1007 | color: #777620; 1008 | } 1009 | .ui-state-checked { 1010 | border: 1px solid #dad55e; 1011 | background: #fffa90; 1012 | } 1013 | .ui-state-highlight a, 1014 | .ui-widget-content .ui-state-highlight a, 1015 | .ui-widget-header .ui-state-highlight a { 1016 | color: #777620; 1017 | } 1018 | .ui-state-error, 1019 | .ui-widget-content .ui-state-error, 1020 | .ui-widget-header .ui-state-error { 1021 | border: 1px solid #f1a899; 1022 | background: #fddfdf; 1023 | color: #5f3f3f; 1024 | } 1025 | .ui-state-error a, 1026 | .ui-widget-content .ui-state-error a, 1027 | .ui-widget-header .ui-state-error a { 1028 | color: #5f3f3f; 1029 | } 1030 | .ui-state-error-text, 1031 | .ui-widget-content .ui-state-error-text, 1032 | .ui-widget-header .ui-state-error-text { 1033 | color: #5f3f3f; 1034 | } 1035 | .ui-priority-primary, 1036 | .ui-widget-content .ui-priority-primary, 1037 | .ui-widget-header .ui-priority-primary { 1038 | font-weight: bold; 1039 | } 1040 | .ui-priority-secondary, 1041 | .ui-widget-content .ui-priority-secondary, 1042 | .ui-widget-header .ui-priority-secondary { 1043 | opacity: .7; 1044 | -ms-filter: "alpha(opacity=70)"; /* support: IE8 */ 1045 | font-weight: normal; 1046 | } 1047 | .ui-state-disabled, 1048 | .ui-widget-content .ui-state-disabled, 1049 | .ui-widget-header .ui-state-disabled { 1050 | opacity: .35; 1051 | -ms-filter: "alpha(opacity=35)"; /* support: IE8 */ 1052 | background-image: none; 1053 | } 1054 | .ui-state-disabled .ui-icon { 1055 | -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */ 1056 | } 1057 | 1058 | /* Icons 1059 | ----------------------------------*/ 1060 | 1061 | /* states and images */ 1062 | .ui-icon { 1063 | width: 16px; 1064 | height: 16px; 1065 | } 1066 | .ui-icon, 1067 | .ui-widget-content .ui-icon { 1068 | background-image: url("images/ui-icons_444444_256x240.png"); 1069 | } 1070 | .ui-widget-header .ui-icon { 1071 | background-image: url("images/ui-icons_444444_256x240.png"); 1072 | } 1073 | .ui-state-hover .ui-icon, 1074 | .ui-state-focus .ui-icon, 1075 | .ui-button:hover .ui-icon, 1076 | .ui-button:focus .ui-icon { 1077 | background-image: url("images/ui-icons_555555_256x240.png"); 1078 | } 1079 | .ui-state-active .ui-icon, 1080 | .ui-button:active .ui-icon { 1081 | background-image: url("images/ui-icons_ffffff_256x240.png"); 1082 | } 1083 | .ui-state-highlight .ui-icon, 1084 | .ui-button .ui-state-highlight.ui-icon { 1085 | background-image: url("images/ui-icons_777620_256x240.png"); 1086 | } 1087 | .ui-state-error .ui-icon, 1088 | .ui-state-error-text .ui-icon { 1089 | background-image: url("images/ui-icons_cc0000_256x240.png"); 1090 | } 1091 | .ui-button .ui-icon { 1092 | background-image: url("images/ui-icons_777777_256x240.png"); 1093 | } 1094 | 1095 | /* positioning */ 1096 | /* Three classes needed to override `.ui-button:hover .ui-icon` */ 1097 | .ui-icon-blank.ui-icon-blank.ui-icon-blank { 1098 | background-image: none; 1099 | } 1100 | .ui-icon-caret-1-n { background-position: 0 0; } 1101 | .ui-icon-caret-1-ne { background-position: -16px 0; } 1102 | .ui-icon-caret-1-e { background-position: -32px 0; } 1103 | .ui-icon-caret-1-se { background-position: -48px 0; } 1104 | .ui-icon-caret-1-s { background-position: -65px 0; } 1105 | .ui-icon-caret-1-sw { background-position: -80px 0; } 1106 | .ui-icon-caret-1-w { background-position: -96px 0; } 1107 | .ui-icon-caret-1-nw { background-position: -112px 0; } 1108 | .ui-icon-caret-2-n-s { background-position: -128px 0; } 1109 | .ui-icon-caret-2-e-w { background-position: -144px 0; } 1110 | .ui-icon-triangle-1-n { background-position: 0 -16px; } 1111 | .ui-icon-triangle-1-ne { background-position: -16px -16px; } 1112 | .ui-icon-triangle-1-e { background-position: -32px -16px; } 1113 | .ui-icon-triangle-1-se { background-position: -48px -16px; } 1114 | .ui-icon-triangle-1-s { background-position: -65px -16px; } 1115 | .ui-icon-triangle-1-sw { background-position: -80px -16px; } 1116 | .ui-icon-triangle-1-w { background-position: -96px -16px; } 1117 | .ui-icon-triangle-1-nw { background-position: -112px -16px; } 1118 | .ui-icon-triangle-2-n-s { background-position: -128px -16px; } 1119 | .ui-icon-triangle-2-e-w { background-position: -144px -16px; } 1120 | .ui-icon-arrow-1-n { background-position: 0 -32px; } 1121 | .ui-icon-arrow-1-ne { background-position: -16px -32px; } 1122 | .ui-icon-arrow-1-e { background-position: -32px -32px; } 1123 | .ui-icon-arrow-1-se { background-position: -48px -32px; } 1124 | .ui-icon-arrow-1-s { background-position: -65px -32px; } 1125 | .ui-icon-arrow-1-sw { background-position: -80px -32px; } 1126 | .ui-icon-arrow-1-w { background-position: -96px -32px; } 1127 | .ui-icon-arrow-1-nw { background-position: -112px -32px; } 1128 | .ui-icon-arrow-2-n-s { background-position: -128px -32px; } 1129 | .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } 1130 | .ui-icon-arrow-2-e-w { background-position: -160px -32px; } 1131 | .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } 1132 | .ui-icon-arrowstop-1-n { background-position: -192px -32px; } 1133 | .ui-icon-arrowstop-1-e { background-position: -208px -32px; } 1134 | .ui-icon-arrowstop-1-s { background-position: -224px -32px; } 1135 | .ui-icon-arrowstop-1-w { background-position: -240px -32px; } 1136 | .ui-icon-arrowthick-1-n { background-position: 1px -48px; } 1137 | .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } 1138 | .ui-icon-arrowthick-1-e { background-position: -32px -48px; } 1139 | .ui-icon-arrowthick-1-se { background-position: -48px -48px; } 1140 | .ui-icon-arrowthick-1-s { background-position: -64px -48px; } 1141 | .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } 1142 | .ui-icon-arrowthick-1-w { background-position: -96px -48px; } 1143 | .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } 1144 | .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } 1145 | .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } 1146 | .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } 1147 | .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } 1148 | .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } 1149 | .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } 1150 | .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } 1151 | .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } 1152 | .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } 1153 | .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } 1154 | .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } 1155 | .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } 1156 | .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } 1157 | .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } 1158 | .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } 1159 | .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } 1160 | .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } 1161 | .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } 1162 | .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } 1163 | .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } 1164 | .ui-icon-arrow-4 { background-position: 0 -80px; } 1165 | .ui-icon-arrow-4-diag { background-position: -16px -80px; } 1166 | .ui-icon-extlink { background-position: -32px -80px; } 1167 | .ui-icon-newwin { background-position: -48px -80px; } 1168 | .ui-icon-refresh { background-position: -64px -80px; } 1169 | .ui-icon-shuffle { background-position: -80px -80px; } 1170 | .ui-icon-transfer-e-w { background-position: -96px -80px; } 1171 | .ui-icon-transferthick-e-w { background-position: -112px -80px; } 1172 | .ui-icon-folder-collapsed { background-position: 0 -96px; } 1173 | .ui-icon-folder-open { background-position: -16px -96px; } 1174 | .ui-icon-document { background-position: -32px -96px; } 1175 | .ui-icon-document-b { background-position: -48px -96px; } 1176 | .ui-icon-note { background-position: -64px -96px; } 1177 | .ui-icon-mail-closed { background-position: -80px -96px; } 1178 | .ui-icon-mail-open { background-position: -96px -96px; } 1179 | .ui-icon-suitcase { background-position: -112px -96px; } 1180 | .ui-icon-comment { background-position: -128px -96px; } 1181 | .ui-icon-person { background-position: -144px -96px; } 1182 | .ui-icon-print { background-position: -160px -96px; } 1183 | .ui-icon-trash { background-position: -176px -96px; } 1184 | .ui-icon-locked { background-position: -192px -96px; } 1185 | .ui-icon-unlocked { background-position: -208px -96px; } 1186 | .ui-icon-bookmark { background-position: -224px -96px; } 1187 | .ui-icon-tag { background-position: -240px -96px; } 1188 | .ui-icon-home { background-position: 0 -112px; } 1189 | .ui-icon-flag { background-position: -16px -112px; } 1190 | .ui-icon-calendar { background-position: -32px -112px; } 1191 | .ui-icon-cart { background-position: -48px -112px; } 1192 | .ui-icon-pencil { background-position: -64px -112px; } 1193 | .ui-icon-clock { background-position: -80px -112px; } 1194 | .ui-icon-disk { background-position: -96px -112px; } 1195 | .ui-icon-calculator { background-position: -112px -112px; } 1196 | .ui-icon-zoomin { background-position: -128px -112px; } 1197 | .ui-icon-zoomout { background-position: -144px -112px; } 1198 | .ui-icon-search { background-position: -160px -112px; } 1199 | .ui-icon-wrench { background-position: -176px -112px; } 1200 | .ui-icon-gear { background-position: -192px -112px; } 1201 | .ui-icon-heart { background-position: -208px -112px; } 1202 | .ui-icon-star { background-position: -224px -112px; } 1203 | .ui-icon-link { background-position: -240px -112px; } 1204 | .ui-icon-cancel { background-position: 0 -128px; } 1205 | .ui-icon-plus { background-position: -16px -128px; } 1206 | .ui-icon-plusthick { background-position: -32px -128px; } 1207 | .ui-icon-minus { background-position: -48px -128px; } 1208 | .ui-icon-minusthick { background-position: -64px -128px; } 1209 | .ui-icon-close { background-position: -80px -128px; } 1210 | .ui-icon-closethick { background-position: -96px -128px; } 1211 | .ui-icon-key { background-position: -112px -128px; } 1212 | .ui-icon-lightbulb { background-position: -128px -128px; } 1213 | .ui-icon-scissors { background-position: -144px -128px; } 1214 | .ui-icon-clipboard { background-position: -160px -128px; } 1215 | .ui-icon-copy { background-position: -176px -128px; } 1216 | .ui-icon-contact { background-position: -192px -128px; } 1217 | .ui-icon-image { background-position: -208px -128px; } 1218 | .ui-icon-video { background-position: -224px -128px; } 1219 | .ui-icon-script { background-position: -240px -128px; } 1220 | .ui-icon-alert { background-position: 0 -144px; } 1221 | .ui-icon-info { background-position: -16px -144px; } 1222 | .ui-icon-notice { background-position: -32px -144px; } 1223 | .ui-icon-help { background-position: -48px -144px; } 1224 | .ui-icon-check { background-position: -64px -144px; } 1225 | .ui-icon-bullet { background-position: -80px -144px; } 1226 | .ui-icon-radio-on { background-position: -96px -144px; } 1227 | .ui-icon-radio-off { background-position: -112px -144px; } 1228 | .ui-icon-pin-w { background-position: -128px -144px; } 1229 | .ui-icon-pin-s { background-position: -144px -144px; } 1230 | .ui-icon-play { background-position: 0 -160px; } 1231 | .ui-icon-pause { background-position: -16px -160px; } 1232 | .ui-icon-seek-next { background-position: -32px -160px; } 1233 | .ui-icon-seek-prev { background-position: -48px -160px; } 1234 | .ui-icon-seek-end { background-position: -64px -160px; } 1235 | .ui-icon-seek-start { background-position: -80px -160px; } 1236 | /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ 1237 | .ui-icon-seek-first { background-position: -80px -160px; } 1238 | .ui-icon-stop { background-position: -96px -160px; } 1239 | .ui-icon-eject { background-position: -112px -160px; } 1240 | .ui-icon-volume-off { background-position: -128px -160px; } 1241 | .ui-icon-volume-on { background-position: -144px -160px; } 1242 | .ui-icon-power { background-position: 0 -176px; } 1243 | .ui-icon-signal-diag { background-position: -16px -176px; } 1244 | .ui-icon-signal { background-position: -32px -176px; } 1245 | .ui-icon-battery-0 { background-position: -48px -176px; } 1246 | .ui-icon-battery-1 { background-position: -64px -176px; } 1247 | .ui-icon-battery-2 { background-position: -80px -176px; } 1248 | .ui-icon-battery-3 { background-position: -96px -176px; } 1249 | .ui-icon-circle-plus { background-position: 0 -192px; } 1250 | .ui-icon-circle-minus { background-position: -16px -192px; } 1251 | .ui-icon-circle-close { background-position: -32px -192px; } 1252 | .ui-icon-circle-triangle-e { background-position: -48px -192px; } 1253 | .ui-icon-circle-triangle-s { background-position: -64px -192px; } 1254 | .ui-icon-circle-triangle-w { background-position: -80px -192px; } 1255 | .ui-icon-circle-triangle-n { background-position: -96px -192px; } 1256 | .ui-icon-circle-arrow-e { background-position: -112px -192px; } 1257 | .ui-icon-circle-arrow-s { background-position: -128px -192px; } 1258 | .ui-icon-circle-arrow-w { background-position: -144px -192px; } 1259 | .ui-icon-circle-arrow-n { background-position: -160px -192px; } 1260 | .ui-icon-circle-zoomin { background-position: -176px -192px; } 1261 | .ui-icon-circle-zoomout { background-position: -192px -192px; } 1262 | .ui-icon-circle-check { background-position: -208px -192px; } 1263 | .ui-icon-circlesmall-plus { background-position: 0 -208px; } 1264 | .ui-icon-circlesmall-minus { background-position: -16px -208px; } 1265 | .ui-icon-circlesmall-close { background-position: -32px -208px; } 1266 | .ui-icon-squaresmall-plus { background-position: -48px -208px; } 1267 | .ui-icon-squaresmall-minus { background-position: -64px -208px; } 1268 | .ui-icon-squaresmall-close { background-position: -80px -208px; } 1269 | .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } 1270 | .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } 1271 | .ui-icon-grip-solid-vertical { background-position: -32px -224px; } 1272 | .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } 1273 | .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } 1274 | .ui-icon-grip-diagonal-se { background-position: -80px -224px; } 1275 | 1276 | 1277 | /* Misc visuals 1278 | ----------------------------------*/ 1279 | 1280 | /* Corner radius */ 1281 | .ui-corner-all, 1282 | .ui-corner-top, 1283 | .ui-corner-left, 1284 | .ui-corner-tl { 1285 | border-top-left-radius: 3px; 1286 | } 1287 | .ui-corner-all, 1288 | .ui-corner-top, 1289 | .ui-corner-right, 1290 | .ui-corner-tr { 1291 | border-top-right-radius: 3px; 1292 | } 1293 | .ui-corner-all, 1294 | .ui-corner-bottom, 1295 | .ui-corner-left, 1296 | .ui-corner-bl { 1297 | border-bottom-left-radius: 3px; 1298 | } 1299 | .ui-corner-all, 1300 | .ui-corner-bottom, 1301 | .ui-corner-right, 1302 | .ui-corner-br { 1303 | border-bottom-right-radius: 3px; 1304 | } 1305 | 1306 | /* Overlays */ 1307 | .ui-widget-overlay { 1308 | background: #aaaaaa; 1309 | opacity: .003; 1310 | -ms-filter: "alpha(opacity=.3)"; /* support: IE8 */ 1311 | } 1312 | .ui-widget-shadow { 1313 | -webkit-box-shadow: 0px 0px 5px #666666; 1314 | box-shadow: 0px 0px 5px #666666; 1315 | } 1316 | --------------------------------------------------------------------------------