如何创建 JS 书签?

分享点滴经验
回复
头像
catsxp
网站管理员
帖子: 3581
注册时间: 2022年 12月 26日 17:41

如何创建 JS 书签?

帖子 catsxp »

版本:3.9.1+

首先添加一个新书签
网址 javascript:code

注意: 由于书签在内核里是以 GURL 类解析,请不要乱使用%,如果一定要用建议使用转义符替换
百分比号(%)---->转义符:%25

如:left: 24%;right: 24%; ---》 left: 24%25;right: 24%25;

%事例:

代码: 全选

javascript:(function(){window._jumpName=function(_na){window.open("https://www.baidu.com/s?wd="+document.getElementById("_Name").value);_close()};window._close=function(){var d=document.getElementById("_j");if(d){d.remove();return true}};if(_close()){return};var _co1=getSelection().toString();var _code=`<div id="_j"style="position: fixed;background-color: #f1fff7;text-align: center;z-index: 99999;top: 0px;left: 24%25;right: 24%25;border-radius: 0px 0px 30px 30px;padding: 14px;box-shadow: 0px 0px 8px 3px #4279ff;"><h4 style="margin-bottom:15px;"><a target="_blank"href="https://www.baidu.com/">百度-首页</a></h4><h4 </h4><div><input style="font-size:17px;padding:4px;width:40%25;"type="text"placeholder="请输入内容"id="_Name"/><button style="font-size:17px;padding:4px;margin-left:3px;"onclick="_jumpName();">百度</button><button style="font-size:17px;padding:4px;margin-left:3px;"onclick="_close();">关闭</button></div><br/></div>%60;_code=_code.replace("_u_",location.href).replace("*t",Date.parse(new Date())).replace(/_c_/g,_co1);if(_co1){_code=_code.replace("none","")}document.body.insertAdjacentHTML("afterbegin",_code)})();


功能举例
解除页面限制

代码: 全选

javascript:"use strict";!function(){var t=function(t){t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation()};["copy","cut","contextmenu","selectstart","mousedown","mouseup","keydown","keypress","keyup"].forEach(function(e){document.documentElement.addEventListener(e,t,{capture:!0})}),alert("解除限制成功啦!")}();
显示密码

代码: 全选

javascript:"use strict";!function(){var e,t;e=document.getElementsByTagName("input");for(var a=0;a<e.length;a++)if(t=e[a],"password"==t.type.toLowerCase())try{t.type="text"}catch(e){var r,n;r=document.createElement("input"),n=t.attributes;for(var o=0;o<n.length;o++){var i,c,d;i=n[o],c=i.nodeName,d=i.nodeValue,"type"!=c.toLowerCase()&&"height"!=c&&"width"!=c&!!d&&(r[c]=d)}t.parentNode.replaceChild(r,t)}}();
头像
macyoyo
帖子: 66
注册时间: 2022年 12月 27日 15:22

Re: 如何创建 JS 书签?

帖子 macyoyo »

美化版的百度(根据论坛网友的版本美化过的书签)

代码: 全选

javascript:(function(){window._jumpName=function(_na){window.open("https://www.baidu.com/s?wd="+document.getElementById("_Name").value);_close()};window._close=function(){var d=document.getElementById("_j");if(d){d.remove();return true}};if(_close()){return};var _co1=getSelection().toString();var _code=`<div id="_j"style="position:fixed;background-color: #FFFFFF;text-align:center;z-index:99999;top:0;left:50%25;width:40%25;transform:translateX(-50%25);border-radius:0 0 20px 20px;padding:14px;box-shadow:0 0 16px 4px rgba(89,107,245,.2);"><h4 style="margin:0 auto 15px;"><a target="_blank"href="https://www.baidu.com/"style="font-size:20px;font-weight:600;color:#596BF5;text-decoration: none;">百度首页</a></h4><div><input style="width:45%25;height:16px;padding:12px 16px;
font-size:16px;margin:0;vertical-align:top;outline:0;box-shadow:none;border-radius:10px 0 0 10px;border:2px solid #c4c7ce;
background:#fff;color:#222;overflow:hidden;box-sizing:content-box;-webkit-tap-highlight-color:transparent;" type="text"placeholder="请输入内容"id="_Name"/><button style="cursor:pointer;width:108px;height:44px;line-height:45px;padding:0;background:0 0;background-color: #4e6ef2;border-radius:0 10px 10px 0;font-size:17px;color:#fff;box-shadow:none;font-weight:400;border:none;outline:0;"onclick="_jumpName();">百度一下</button><button style="font-size:14px;position:absolute;padding:2px 6px;top:10px;right:20px;background-color: #E3E3EA;color:#222;border-radius:3px;border:0;outline:0;cursor:pointer;"onclick="_close();">关闭</button></div><br/></div>%60;_code=_code.replace("_u_",location.href).replace("*t",Date.parse(new Date())).replace(/_c_/g,_co1);if(_co1){_code=_code.replace("none","")}document.body.insertAdjacentHTML("afterbegin",_code)})();
上次由 macyoyo 在 2023年 9月 1日 17:49,总共编辑 1 次。
欢迎来到穿墙导航cqdh.top
头像
zhchgao
帖子: 226
注册时间: 2023年 1月 2日 15:17

Re: 如何创建 JS 书签?

帖子 zhchgao »

学习学习,再发一点。似乎不太懂。起作用了吗?
附件
00045.png
00045.png (7.67 KiB) 查看 18917 次
图片无欲则刚!凡人不烦!
头像
catsxp
网站管理员
帖子: 3581
注册时间: 2022年 12月 26日 17:41

Re: 如何创建 JS 书签?

帖子 catsxp »

zhchgao 写了: 2023年 9月 1日 15:12 学习学习,再发一点。似乎不太懂。起作用了吗?
默认不加载,如需要,只需点击需要执行的 JS书签 来执行一次

只对该页面该次浏览有效,刷新页面即失效,重新加载,需要再点击一次JS书签
头像
zhchgao
帖子: 226
注册时间: 2023年 1月 2日 15:17

Re: 如何创建 JS 书签?

帖子 zhchgao »

明白了。
图片无欲则刚!凡人不烦!
头像
zhchgao
帖子: 226
注册时间: 2023年 1月 2日 15:17

Re: 如何创建 JS 书签?

帖子 zhchgao »

能发一个网址测试一下么?好象没看出作用。
图片无欲则刚!凡人不烦!
头像
catsxp
网站管理员
帖子: 3581
注册时间: 2022年 12月 26日 17:41

Re: 如何创建 JS 书签?

帖子 catsxp »

随便一个需要登录的网站
先退出登录 ,然后再选择登录
执行 显示密码,即可看到隐藏的密码
头像
zhchgao
帖子: 226
注册时间: 2023年 1月 2日 15:17

Re: 如何创建 JS 书签?

帖子 zhchgao »

catsxp 写了: 2023年 9月 1日 16:23 随便一个需要登录的网站
先退出登录 ,然后再选择登录
执行 显示密码,即可看到隐藏的密码
不错,确实。
图片无欲则刚!凡人不烦!
回复