是否有代码向网站注入javascript以更改窗格的宽度？

我试图通过在google chrome中注入javascript代码来改变窗格的宽度。我希望该代码被保存为书签，每当我点击该书签时，更改将在网站上生效。我可以通过查看、导航窗格和更改宽度和css来手动更改宽度，但当我在网站上时，一直这样做很麻烦，所以我想将其自动化

我基本上想要实现的是替换以下代码

<div tabindex="-1" role="region" aria-label="Navigation pane" class="_25oA4qBLP_b6P080cw5s2H css-43" data-min-width="198" data-max-width="320">

到

如何操作？

使用

querySelector

选择

，或选择您喜欢的方法，然后为其

样式

属性指定：

const div = document.querySelector('div[role="region"]');
div.style.width = '550px';

在bookmarklet代码中：

javascript: (document.querySelector('div[role="region"]').style.width = '550px', undefined)

注意，如果每次访问站点时都希望发生这种情况，而不是每次单击书签，则可以考虑使用UsScript代替，这将在页面加载时自动运行所需的JavaScript。（流行的userscript管理器是。）

因为这看起来像纯CSS，所以您也可以使用来实现这一点-只需键入您想要的CSS即可：

div[role="region"] {
  width: 550px;
}

如果还要更改类名，请使用

classList。删除
和
classList。添加
：

div.classList.remove('css-43');
div.classList.add('css-50');

（这部分不能仅用CSS来完成）
谢谢，我需要更改代码中的某些内容吗？比如把javascript：放在前面？我将其保存为书签并单击它，但什么也没发生：-（bookmarklet代码前面已经有了
javascript:
，应该可以按原样工作。不过，我强烈建议改用用户脚本，它们比bookmarklet可读性、灵活性和一般可管理性都要高得多。它起作用了。它移动了一点。你能给我演示一下如何插入css的代码吗？我希望是50。我该怎么做你是什么意思？
const div=document.querySelector（'div[role=“region”]）；div.style.width='550px'；
将更改CSS。如果要使用手写笔，请使用
div[role=“region”]{width:550px；}
code。您也可以使用用户脚本插入CSS。如果您希望宽度为50，请将数字改为50，而不是500I在inspect中检查，您的代码已将宽度从320更改为550，这非常好。原始代码中有一部分我也希望将CSS-43更改为CSS-50。是否可能？全部来自b奥克马克。
div.classList.remove('css-43');
div.classList.add('css-50');