问题标签 [twitter-widget]

我在 Angular 应用程序的主页中嵌入了一个 Twitter 提要小部件（从 twitter 页面创建）。首次加载网站时它工作正常。但是，当您离开主页然后返回时，它就会消失。只有当我刷新页面时它才会重新出现。

如何使 twitter 提要持续存在，这样我就不必刷新页面让它重新出现？

如果我将 Twitter 文档 ( https://dev.twitter.com/web/javascript/loading )中的内置函数完全复制到 ngAfterViewInit 函数中，我的应用程序可以完美运行，但是当我切换路线时，小部件也会消失。

这是仅适用于第一页加载的代码：

然后我从中找到了一个可接受的解决方案（Angular 2 上的 Twitter 小部件），但该小部件甚至从第一次加载时就没有显示，也没有错误，所以我什至不知道我错在哪里。

这是永远不会显示 Twitter 小部件且没有任何错误的代码：

基本上，我订阅了小部件数据，NavigationEnd然后取消订阅它ngOnDestroy，所以我仍然可以保留路由切换之间的数据。我相信逻辑是正确的，因为该解决方案也适用于某人，但对我来说，直到此刻它才起作用。

我已经集成了 twitter 时间线小部件以在我的网站上提取提要，并在使用 javascript 函数 window.twttr.widgets.load() 之后。我可以看到提要，但在滚动时我在控制台中遇到以下错误：

错误：脚本错误。网址：https ://platform.twitter.com/widgets.js 行号：0

这只发生在 IE 11 中。请帮我解决这个问题。

所以我正在抓取一条推文并将其发送到我的扩展程序，然后在 HTML 弹出窗口中使用它。我似乎对推文设计的实际加载有问题，我正在使用http://platform.twitter.com/widgets.js有一个本地文件，因为 google chrome 扩展不允许内联脚本。

但是，它自己的 widgets.js 文件发出了一个被谷歌阻止的调用。

widget.js:1 拒绝加载脚本' https://platform.twitter.com/js/tweet.3f0c77e9c86dd5bae672ba9948814692.js '，因为它违反了以下内容安全策略指令：“script-src 'self' blob: filesystem:铬扩展资源：“。Function.bind.test.window.__twttr.window.__twttr.widgets.window.__twttr.widgets.init.ee @ widget.js:1 background.js:39 未捕获（承诺）类型错误：无法读取属性“contentDocument”在 background.js:39 处未定义

所以我不太确定如何去做，还有其他方法可以嵌入推文吗？我基本上遵循了这个https://ctrlq.org/code/19933-embed-tweet-with-javascript但不是做脚本同步 src="https://platform.twitter.com/widgets.js"> 我刚刚下载文件和脚本 src="widget.js">

我正在将 react-intl 添加到我正在构建但遇到障碍的支付应用程序中。如果这已在某处得到解决，我深表歉意。我搜索了问题和文档，但找不到对此的直接答案（可能只是忽略了它）。

用例：处理完付款后，我希望用户可以选择在推特上发送一条已翻译的消息，表明他们已捐款。

问题：Twitter 使用 iframe 来“分享推文”，并且需要一个文本字段作为字符串变量。当我通过我的翻译时，我会[object Object]进入推文而不是翻译文本。根据我对翻译引擎的理解，这是有道理的。但我似乎找不到传递字符串而不是翻译对象的方法。

我使用时得到的{translate('example_tweet')}

常量翻译文本 = 对象

我需要的

const translationText = '这是翻译后的文本'

问题

如何将翻译后的文本作为字符串变量而不是要在页面上呈现的对象？

代码

按钮

翻译

我正在尝试为推文设置样式并使用 html2canvas 制作屏幕截图。我使用 Twitter Widget twttr.widgets.createTweet来渲染推文，然后从 shadow-root DOM 中获取元素。直到几天前，它在最新的 Chrome 浏览器中运行良好。现在我无法获得#shadow-root 元素，只有 iframe。代码是：

看起来像： screenshot_1 现在看起来像： screenshot_2

你有什么想法？这可能与chrome更新有关吗？

每次renderTwitterwidget()更改我的输入时，都会在 Shiny UI 上的原始推文下方打印一条新推文。每次将新twitterwidget对象传递给时，是否可以清除旧推文并打印新推文renderTwitterwidget？

问题示例： https ://media.giphy.com/media/BQUewH12DzhxX2bjMP/giphy.gif?cid=790b7611692336f45990123a77213a1975b8338b7e69b6e1&rid=giphy.gif&ct=g

该代码无法使用 RStudio 查看器正确呈现内容，因此请使用在浏览器中查看应用程序来检查结果。

这是闪亮应用程序的代码：

没有推特账号的代码：

所以我正在做一个网站。我在 HTML 中包含了一个 twitter 时间线，您可以在此处查看它是如何完成的。.cust-twitter-div我已经检查了开发人员选项中的小部件元素，据我所知，它似乎是一个 iframe 元素，在我的 div() 元素中包含另一个 html 文档。

问题是我想进一步对小部件内的元素进行样式设置，并尝试了以下似乎不起作用的解决方案。

1. 在每个样式中使用 !important 使用样式表中元素的默认类名。唯一似乎有效的 CSS 选择器是下面的选择器（注意 iframe 包含在选择器中，cust-twitter-div 是我包含小部件的 div）：

2. （最令人费解的是为什么它不起作用）使用 JS 选择（再次使用它们的默认类名）元素并添加样式。

现在，关于第二种解决方案的令人费解的是，它为我选择的元素返回 null。当我尝试选择 iframe 时，它​​返回了某种 JS 对象/HTML 元素。虽然在检查器中，它显示 iframe 元素有子元素，但我无法使用 JS 选择它们，因为返回的对象显示 firstChild 为 null，子元素长度为 0。如下所示：

我最终得出结论，iframe 是我可以在 JS 和 CSS 代码中交互的唯一元素，但不是检查器显示它包含的子元素。

那么我做错了什么？如何设置小部件内的元素样式？