如何让LinkedIn分享弹窗在小窗口打开?当前全屏标签页打开
解决LinkedIn分享弹窗变成全屏标签页的问题
嘿,我太懂这个坑了!你现在碰到的问题,根源是window.open的参数格式写错啦——你把目标窗口名称和弹窗特性混在同一个参数里了,浏览器识别不了你的弹窗设置,就直接默认用全屏新标签页打开了。
问题出在哪?
你原来的代码里,window.open的第二个参数写成了:
'_blank, width=500, height=500, resizable=yes, scrollbars=yes'
但window.open的正确语法是三个参数:window.open(要打开的URL, 窗口名称, 窗口特性)
你把窗口名称(_blank)和特性参数捏在一起,浏览器会把整个字符串当成窗口的名字,完全忽略后面的尺寸设置,自然就开成全屏标签页了。
修正后的代码
把参数拆分好,就能正常弹出小窗口啦:
<div class="share-block"> <a href="#" onclick="window.open( 'http://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(document.URL) + '&title=Excellent review on my website reviews', '_blank', 'width=500, height=500, resizable=yes, scrollbars=yes' ); return false;"> <i class="fa fa-fw fa-linkedin"></i>分享到LinkedIn </a> </div>
额外注意点
- 一定要保留
mini=true参数,这是LinkedIn弹出小窗口分享界面的关键,没有它的话,LinkedIn会强制跳转到全屏的分享页面 - 部分浏览器的弹窗拦截机制可能会阻止这种弹窗,不过你的代码里已经用
return false阻止了a标签的默认跳转,且是用户主动点击触发的,大概率不会被拦截
内容的提问来源于stack exchange,提问作者Mario83
相关产品推荐
相关产品推荐

