如何在href中保留双引号且不修改原有含双引号的代码？

针对你遇到的书签脚本因引号嵌套导致截断的问题，提供两种可行的解决方法：

方法1：调整引号转义逻辑 #

将原代码中的外层双引号替换为单引号，并对选择器内的单引号进行转义（添加反斜杠\），确保浏览器不会误将内部引号识别为链接的结束符。修改后的完整脚本如下：

javascript:function gcloak(){var link=document.querySelector('link[rel*=\'icon\']')||document.createElement('link');link.type='image/x-icon';link.rel='shortcut icon';link.href='https://ssl.gstatic.com/docs/doclist/images/infinite_arrow_favicon_5.ico';document.title='My Drive - Google Drive';console.log(document.title);document.getElementsByTagName('head')[0].appendChild(link)};gcloak();setInterval(gcloak,1000);

直接将这段代码复制为超链接的href值，即可拖拽到书签栏正常使用。

方法2：使用URL编码后的完整脚本 #

对整个JavaScript代码进行URL编码，将所有特殊字符（如引号、空格）转换为URL安全的编码格式，彻底避免引号截断问题。编码后的脚本如下：

javascript:function%20gcloak(){var%20link%3Ddocument.querySelector(%22link%5Brel*%3D'icon'%5D%22)%7C%7Cdocument.createElement('link')%3Blink.type%3D'image/x-icon'%3Blink.rel%3D'shortcut%20icon'%3Blink.href%3D'https%3A%2F%2Fssl.gstatic.com%2Fdocs%2Fdoclist%2Fimages%2Finfinite_arrow_favicon_5.ico'%3Bdocument.title%3D'My%20Drive%20-%20Google%20Drive'%3Bconsole.log(document.title)%3Bdocument.getElementsByTagName('head')%5B0%5D.appendChild(link)%3B%7D%3Bgcloak()%3BsetInterval(gcloak%2C1000)%3B

同样将这段代码设置为超链接的href，拖拽到书签栏即可正常运行。

原理说明 #

书签栏的javascript:协议会将后续内容视为URL解析，未转义的引号会被浏览器误判为链接的边界，导致代码被截断。通过转义内部引号或对整体代码URL编码，能让浏览器正确识别完整的脚本内容，避免截断问题。

内容的提问来源于stack exchange，提问作者user20393634