如何改造背景设置Bookmarklet，实现仅输入URL即可生效

当然可以！你的书签工具已经实现了核心功能，只需要调整弹窗默认值和后续的格式处理逻辑，就能让用户只输入纯图片URL，不用再手动写url('...')这堆格式啦。

修改后的完整代码 #

javascript:var imgUrl = prompt("请输入图片URL", "https://i.ytimg.com/vi/Lr5E2KBfEGE/maxresdefault.jpg"); if(imgUrl) { document.body.style.backgroundImage = `url('${imgUrl}')`; document.body.style.backgroundRepeat = "no-repeat"; document.body.style.backgroundAttachment = "fixed"; } void 0;

关键改动说明 #

• 弹窗默认内容换成了纯图片URL，用户输入时只需要粘贴或输入图片地址就行，不用再套格式
• 加了if(imgUrl)判断，避免用户点击取消按钮后，页面背景被设置成无效值
• 用模板字符串自动把用户输入的URL包裹成url('...')格式，这个格式细节由代码自动处理，不用用户操心

这样调整后，用户操作起来就简单多了——弹窗里直接输图片链接，确认后就能自动把它设为页面背景，再也不用记那些CSS格式啦。

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