Question

尝试创建与LinkedIn的共享按钮，该按钮指向末尾带有查询字符串的页面。

如您所见，代码包含URL：
- https://stackoverflow.com/users/8757883/akber-iqbal?tab=summary
，但转到LinkedIn网站后，URL变为：
- https://stackoverflow.com/users/8757883/akber-iqbal?tab
查询字符串部分已删除，问题是：是否仍然可以解决此问题？

a i {color:#000}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<a href="https://www.linkedin.com/shareArticle?mini=true&url=https://stackoverflow.com/users/8757883/akber-iqbal?tab=summary">
<i class="fa fa-linkedin-square" style="font-size:36px"></i>
</a>

Answer 1

这是工作示例：

将您的 = 转换为％3D

tab%3Dsummary

这是link来编码您的字符。

a i {color:#000}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<a href="https://www.linkedin.com/shareArticle?mini=true&url=https://stackoverflow.com/users/8757883/akber-iqbal?tab%3Dsummary">
<i class="fa fa-linkedin-square" style="font-size:36px"></i>
</a>

Answer 2

此确实有效...

原始问题中的唯一问题是最后的“ =”。让我解释一下...

这是LinkedIn的基本URL，您只需将要共享的URL添加到该URL的末尾。您要共享的页面的URL不能包含“ =”，因此您只需将任何“ =”（从您的共享URL，而不是基本URL）替换为“％3D”。

这部分很好：
https://www.linkedin.com/shareArticle?mini=true&url=

这部分不能有“ =”。在其位置使用“％3D”：
https://stackoverflow.com/users/8757883/akber-iqbal?tab%3Dsummary

已修复：

<a href="https://www.linkedin.com/shareArticle?mini=true&url=https://stackoverflow.com/users/8757883/akber-iqbal?tab%3Dsummary">

我的CodePen上的示例：https://codepen.io/ckschmieder/pen/PoNmwya

LinkedIn共享按钮从URL中删除QueryString

2 个答案: