通过将额外参数附加到 URL 来更改网页元素的外观答案

【问题标题】：Changing web page elements' appearance by appending extra parameters to URL通过将额外参数附加到 URL 来更改网页元素的外观
【发布时间】：2020-10-04 11:20:05
【问题描述】：

最近我注意到在谷歌中搜索某个词并浏览搜索结果后，相关网页显示我的相关搜索文本突出显示。

所以，我注意到 Google 所做的是，通过将 URL 附加为 #:~:text=this%20text%20will%20be%20highlighted 来发送额外参数。

例如，如果我去https://en.wikipedia.org/wiki/Stack_Overflow，它显示如下；

但是当我将#:~:text=Overflow附加到URL并访问https://en.wikipedia.org/wiki/Stack_Overflow#:~:text=Overflow时，它显示如下（注意“溢出”一词被突出显示）；

我想知道这种行为是如何实现的？我们可以使用哪些其他类型的此类参数？

编辑： 我的浏览器是：Microsoft Edge，版本 83.0.478.45（正式版）（64 位）

【问题讨论】：

这种行为是否只适用于某些浏览器？我试过它适用于 chrome 但不适用于 firefox
@kirb 实际上，我没有在 firefox 上尝试过，而是在 Chrome 和 Edge (Chromium) 上尝试过它有效。这是否意味着它是 Chromium 的功能？
它被称为滚动到文本片段，它存在一些隐私问题。目前尚不清楚 Firefox 是否会实施它。

标签： html css web url dom

【解决方案1】：

以下是一些更常见和不太高级的 URL 参数，但无论如何我都会在这里发布它们：

当然有可以附加到 URL 的锚链接

<!-- https://Example.com/#top -->

<body> 
    <a name="top"> </a>
    <a href="#top">
        Go To Top Of Page
    </a>     
</body>

以及服务器可以通过多种方式获取的URL查询参数，这里是一个python/Django的例子

# https://Example.com/?variable=someValue

import requests

def page_view(request):
    variableValue = request.GET.get('variable', None)

【讨论】：