如何结合anchor与text fragments高亮维基百科章节标题?
解决方案与说明
为什么单独使用Text Fragments失效?
移动端Opera中维基百科的折叠章节在未展开时,目标标题元素处于不可见状态,Text Fragments无法识别未渲染/不可见的文本节点,因此无法触发高亮。
解决方法:Anchor + Text Fragments 组合使用
先通过Anchor定位到目标章节(触发章节自动展开),再附加Text Fragments参数实现标题高亮,具体URL格式如下:
https://it.wikipedia.org/wiki/Sistema_complementare#Dettagli_molecolari_del_C3:~:text=Dettagli%20molecolari%20del%20C3
关键注意事项:
- Anchor正确性:维基百科章节的Anchor是标题的小写形式,空格替换为下划线(如「Dettagli molecolari del C3」对应
Dettagli_molecolari_del_C3),可展开章节后右键标题复制链接获取准确Anchor。 - 文本完全匹配:Text Fragments指定的文本必须和标题完全一致(包括大小写、空格),避免字符差异导致识别失败。
- 浏览器版本:确保移动端Opera为较新版本,旧版可能未支持Text Fragments特性。
Anchor与Text Fragments的兼容性
两者完全可以结合使用,功能互补:Anchor负责定位到页面指定位置并展开折叠内容,Text Fragments负责高亮指定文本。URL中需先写Anchor(#xxx),再附加Text Fragments参数(:~:text=xxx),顺序不可颠倒。
内容的提问来源于stack exchange,提问作者Riccardo Volpe
相关产品推荐
相关产品推荐

