url定位网页内容

有时候网页内容太多，想要把复制出来的url给别人，别人能够浏览器地址栏粘贴这个url回车，能直接滚动条定位到具体内容上怎么办？

锚点

众所周知，锚点可以出现在url中，回车可以讲滚动条定位到锚点内容上。

举个栗子，我这篇文章的url是: https://juejin.cn/post/7236664417307803685。 这篇文章是定义了【锚点（heading-1）】和【文本（heading-2）】两个锚点的。只要将url加上#，再加上【锚点】，在浏览器地址栏回车即可定位到锚点内容。如，我想要在这篇文章定位到【文本】这个锚点位置，即可将https://juejin.cn/post/7236664417307803685#heading-2粘贴到浏览器地址栏回车即可定位到目的地。

文本

那如果文章没有定义锚点的普通文本内容如何定位呢？比如我想定位到该文章中的“普通文本”这四个字上，是``吗？

试一下，没有效果。

这时候，我们可以在url上加上#:~:text=定位的文本，来实现网页中定位到你想要的文本内容上，且文本内容会有特殊的背景以示区分。

回到上面定位到该文章中的“普通文本”这四个字，即可使用https://juejin.cn/post/7236664417307803685#:~:text=普通文本。

如果文本有重复，只会出现在第一次出现的位置。你想出现在第二个匹配的位置？那你多加点文字形成唯一匹配不就可以了！机智如我！！！