尝试创建与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>
答案 0 :(得分: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>
答案 1 :(得分:0)
此确实有效...
原始问题中的唯一问题是最后的“ =”。让我解释一下...
这是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