为何将页面Body全部设为斜体的Bookmarklet无法工作？求修复方法

嘿，我来帮你排查这个书签小工具的问题！先拆解下这类Bookmarklet失效的常见原因，再给你针对性的修复方案：

常见失效原因 #

• 页面跳转干扰：Bookmarklet本质是浏览器地址栏执行的JS代码，如果代码执行后返回了非undefined的值，浏览器会把这个返回值当成新页面内容直接替换当前网页——这会导致你刚设置完样式，页面就被清空跳转，看起来像是代码没生效。
• 样式优先级被覆盖：很多网页的子元素（比如段落、标题）本身设置了font-style样式，这些样式的优先级比从body继承来的更高，所以即使你给body设了斜体，子元素可能依然保持正常样式。
• 语法/格式错误：比如忘记加javascript:前缀（Bookmarklet必须以此开头）、拼写错误（比如把JS里的fontStyle写成CSS里的font-style）、引号不匹配等。

修复方案 #

方案1：仅修改Body样式（解决跳转问题） #

如果你的需求只是让body本身（以及未被自定义样式覆盖的子元素）变斜体，只需要在代码末尾加上void 0或者用void()包裹，确保代码返回undefined，避免页面跳转：

javascript:(function(){document.body.style.fontStyle = 'italic';void 0;})();

或者更简洁的写法：

javascript:void(document.body.style.fontStyle = 'italic');

方案2：强制所有元素变斜体（解决优先级问题） #

如果要让页面上所有元素都变成斜体，不管子元素有没有自定义样式，可以通过添加全局CSS样式的方式实现，这样优先级更高：

javascript:(function(){
  const style = document.createElement('style');
  style.textContent = '* { font-style: italic !important; }';
  document.head.appendChild(style);
  void 0;
})();

这个方案通过创建全局样式表，用!important强制覆盖所有元素的原有font-style设置，确保所有内容都变成斜体。

验证小技巧 #

把修复后的代码复制到书签的URL栏里保存，点击书签就能看效果。如果还是没生效，打开浏览器开发者工具（F12）的Console面板，把代码粘贴进去执行，报错信息会告诉你具体哪里出问题了。

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