我正在构建一个Web应用程序,我希望能够通过Facebook和Twitter等社交媒体分享主页。 Facebook更容易使用,因为它们为您提供了添加“共享”按钮的选项,或者只是将功能添加到您可能已有的现有按钮上。
Twitter的“推文按钮”似乎工作原理相同,只需指定href
他们有several templates available.我用我的按钮做了这个,看起来像这样:
{
xtype: 'button',
cls: '"twitter-share-button"',
href: 'https://twitter.com/intent/tweet?text=Hello%20world',
text: 'MyButton'
},
然而,它不是打开一个具有一定宽度和高度的整洁的新窗口,而是打开一个新选项卡,它看起来像这样:
相比之下,当您将一个YouTube视频分享到Twitter时,它会显示如下:
虽然这个“工作”意味着用户可以发推文并且新标签关闭后,但这并不是最好的用户体验。与我已经制作的Facebook按钮相比,它相形见绌。
我也尝试在onClick
的{{1}}函数中通过以下方式执行此操作:
MenuItem
但当然,它没有在新窗口或标签中打开,因为window.open('https://twitter.com/intent/tweet');
的行为取决于用户的偏好。