程序员经验分享-hwhale

Twitter 嵌入时间轴小部件

2024-05-20

我继续下载http://platform.twitter.com/widgets.js http://platform.twitter.com/widgets.js

And the http://platform.twitter.com/embed/timeline.4d0955f67d15e8ef0601086ae2d5fcd0.default.css http://platform.twitter.com/embed/timeline.4d0955f67d15e8ef0601086ae2d5fcd0.default.css

嵌入时间线小部件使用的两个文件。

我想做的就是自定义小部件的 css，并且由于 Twitter 只为您提供了一些设计选项，例如链接颜色和深色/浅色主题，因此我认为下载文件并自己修改它们会更容易。

唯一的问题是，我在尝试指向 css 文件位置时遇到一些困难小部件.js到我的网络应用程序上的副本

里面有一条线小部件.js，在 Twitter 服务器上找到 css 文件，它与一些组合了前缀的变量绑定在一起platform.twitter.com/价值或某事

provide("tfw/assets",...{"default":"embed/timeline.4d0955f67d15e8ef0601086ae2d5fcd0.default.css",

我不知道需要进行多少编辑才能小部件.js但我猜它只有几行？

如果任何精通 javascript 的人不介意看一下并告诉我“不值得付出努力”, or “很简单，把__改成__”， 让我知道。

小部件.js


（请参阅下面我的编辑以获得更好的解决方案）这似乎对我有用并且不需要太多时间来实现：

在 widgets.js 中，找到

function Z(a,b,c)

在函数 Z 中更改此设置：

d.href=twttr.widgets.config.assetUrl()+"/"+b

像这样的事情：

d.href=b

assetUrl 只是获取文件（例如 CSS 文件）的基本 URL，该文件位于 Twitter 拥有的域中。 b 将是您在整个 JS 中指定的路径（例如 embed/timeline.4d0955f67d15e8ef0601086ae2d5fcd0.default.css ）。将所有 CSS（例如时间线.xyz.default.css）上传到您想要的位置，然后您可以自定义这些文件并将它们保存在您自己的服务器上。您无法通过简单地将规则添加到服务器上的 CSS 文件来修改 CSS，因为 Twitter 提要位于来自不同域的 iframe 中。不允许使用这种类型的源（即不是来自您自己的域）修改 iframe 中的 CSS，以防止劫持类型的问题，但如果 iframe 引用您自己的服务器上的 CSS，那么您可以修改内容。

您可能还需要检查其他一些内容，以确保拥有所有必需的文件。您还应该获得 Twitter CSS 文件中引用的 sprite.png。我能够通过这种方式自定义 CSS，并且效果很好。

Edit:

我在 IE7/6 和 Jelly Bean 中的 Chrome 中遇到了上述解决方案的问题，因此找到了一个更好的解决方案，可以让您将自己的自定义 CSS 文件注入到 iframe 中，同时在自己的域中保留所有 Twitter 的 CSS。我从新的 widgets.js 中添加了以下内容：

;d=c.createElement("link"),
d.id="custom-css-1",
d.rel="stylesheet",
d.type="text/css",
d.href="http://mydomain.com/css/timeline.custom.css";
c.getElementsByTagName("head")[0].appendChild(d);

之后立马

c.getElementsByTagName("head")[0].appendChild(d)

在 widgets.js 中以以下开头的行

provide("tfw/widget/timeline"

（再次在函数 Z 中）这似乎工作得更好，您所需要的只是 widgets.js 的副本http://platform.twitter.com/widgets.js http://platform.twitter.com/widgets.js.

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

css

twitter

Twitter 嵌入时间轴小部件 的相关文章

  • DOM 元素宽度可以是非整数吗？

    我有一个页面 其 div 元素由 JavaScript 对齐 JavaScript 只是检查一组 div 元素来查找最大值偏移宽度 然后设置所有 div 元素 width成为最大偏移宽度 它在大多数浏览器和区域设置中都能完美运行 但在 Ma

  • JavaScript 计算从今天到 7 天前的日期

    我正在计算从今天开始的日期前 12 天 但它不会返回正确的日期 例如 对于今天的日期 11 11 2013 mm dd yyyy 它返回 10 30 2013 而它应该返回 10 31 2013 这是代码 var d new Date d

  • 等待两个异步函数完成，然后在 Node.js 中继续

    我正在 Node js 中开发一个应用程序 其中调用异步函数两次 并将值分配给全局变量 问题是我想使用这两个调用的结果来做其他事情 但是这个其他事情不会等待结果被分配 这是我的代码 var a var b let x abcd foo x

  • 使用 jQuery 触发真实事件

    看来 jQuery 的trigger 仅运行与 jQuery 绑定的事件处理程序 我有一些使用本机浏览器事件绑定的模块 使用来自的代码https stackoverflow com a 2676527 https stackoverflow

  • 如何使用 Angularjs 检查模块中的指令或控制器是否可用

    在 angularjs 中 给定一个模块 如何检查给定一个模块是否存在指令 控制器 我有一个模块 我想知道是否已加载某些特定指令 下面是一些示例代码 var module angular module myModule check if c

  • 在 TypeScript 中迭代对象的键和值

    在纯 JavaScript 中 我们可以迭代对象属性和值 如下所示 const values Object keys obj map key gt obj key 在 TypeScript 中 此语法是错误的 因为 TS 编译器显示以下消息

  • 如何在 React 组件中使用 CDN

    我正在尝试使用基于 D3 构建的库 称为 Greuler 来动态渲染图形 它的 npm 包似乎已损坏 当我改用 Greuler CDN 时 index html 中的测试图终于起作用了 但是 我正在开发一个 React 应用程序 并且我希望

  • 在 javascript 中循环 html 复选框

    实际上我有一个关于如何在java脚本中循环复选框的问题 假设我在jsp循环中创建了html复选框 我希望在javascript中对这些复选框进行验证 我应该怎么做 通常对于单个对象 我们可以执行 window document form c

  • 在 JavaScript 中对数组进行排序

    我正在尝试对内部包含整数的数组进行排序 例如 var array 123 3 745 4 643 5 643 2 我如何对其进行排序才能返回类似以下内容的内容 array 745 4 643 2 643 5 123 3 您可以将自定义比较函

  • 如何在点击时添加和删除活动类 - 角度方式

    我正在这样做 div class tiles div 控制器 scope select function item scope selected item scope isActive function item return scope

  • React Native 中循环 Json 并显示

    How do I go about looping the result i retrieved from Json render function console log this state list contents

  • 如何让 jQuery 选择带有 . （句号）在他们的身份证件中？

    给定以下类和控制器操作方法 public School public Int32 ID get set publig String Name get set public Address Address get set public cla

  • 有史以来最复杂的 CSS 渲染错误 (IE9)

    在 IE9 中看一下 http jsfiddle net dalgard n6PDB show http jsfiddle net dalgard n6PDB show screen dump 阅读这些评论 IE9 Upon moving

  • 为什么我会失去对元素的引用？

    我偶然发现了一些奇怪的东西 至少对我来说 案例如下 我选择一个元素 child1 从 DOM 并将其保存到变量中 我继续添加一个新元素child1的家长 parent1 现在 如果我尝试修改某些值child1它不记录更改 似乎引用已经消失

  • Android Studio 上的 Twitter Kit Fabric Android 模块库

    我在使用适用于 Android 的 Twitter Kit SDK 时遇到问题 我需要将 Twitter Kit SDK 导入到我的项目中的库 模块 我正在使用 Android Studio 我正在使用适用于 Android 的 Fabri

  • 返回不在函数中

    Firebug 报告 返回不在函数中 错误 没有位置 好吧 第 1 行什么都没有 我怎样才能找到这个错误的根源 return not in function Break on this error return 0 javascript r

  • HighCharts - 两个 Y 轴，一个具有最大值

    我在使用 Highcharts 时遇到问题 我已将右 Y 轴设置为 min 0 和 max 100 它是 但它不起作用并生成 125 百分比 怎么了 http jsfiddle net SdTcU http jsfiddle net SdT

  • 当来自 Mozilla Firefox 和 MS Edge 上的剪贴板时 Alpha 会变成黑色

    我正在使用代码从这里 https stackoverflow com a 15369753 5875416将剪贴板中的图像粘贴到页面上 它在所有浏览器 Chrome Firefox Edge 和 Opera 中都能正常工作 问题是 当图像是

  • CSS 变换函数顺序

    为什么以下之间的输出存在差异 transform translate 0 100px scale 2 2 and transform scale 2 2 translate 0 100px 第一条语句符合您 我 的期望 将元素向下移动 10

  • 解析函数是否异步传递给 Promise 执行器？

    我有以下代码 function myPromiseFunc return new Promise resolve gt resolve Promise resolve 123 据我们所知Promise resolve方法立即用普通值解析 P

随机推荐

  • 如何在 Quartz 调度程序中每 25 秒运行一次？

    我正在使用 Java 的 Quartz Scheduling API 你能帮我使用 cron 表达式每 25 秒运行一次吗 这只是一个延迟 它不必总是从第 0 秒开始 例如 序列如下 0 00 0 25 0 50 1 15 1 40 2 0

  • SQL Server：如果存在会大大减慢查询速度

    正在使用SQL Server 2012 我找到了一些关于查询优化的主题 并将 EXISTS 与 COUNT 进行比较 但我找不到这个确切的问题 我有一个看起来像这样的查询 select from tblAccount as acc join

  • 单击关闭按钮后不显示 Google 一键登录 UI

    我正在尝试按照本指南使新的谷歌一键登录工作 https developers google com identity one tap web https developers google com identity one tap web

  • 将 javascript 整数转换为字节数组并返回

    function intFromBytes x var val 0 for var i 0 i lt x length i val x i if i lt x length 1 val val lt lt 8 return val func

  • 使用data.table进行聚合

    经过 SO 用户的多次建议后 我终于尝试将我的代码转换为使用data table library data table DT lt data table plate paste0 plate rep 1 2 each 5 id rep c

  • 选择获取与 MySQL Group 中 max 对应的整行

    当我使用Max使用后查找特定 MySQL 组中字段的最大值GROUP BY 是否可以获取包含最大值的整行 我在处理一些论坛代码时偶然发现了这个线程 我想获取每个线程的最新帖子并将其显示在特定板的线程列表中 Quassnoi上面的回答对我非常

  • 我可以停止 :hover 应用于元素吗？

    假设我有一些 CSS button hover font weight bold 我怎样才能防止 hover随意应用样式 我的目标用例是当元素被禁用时 例如 使用这个 HTML

  • JVM：是否可以操作帧堆栈？

    假设我需要执行N同一线程中的任务 这些任务有时可能需要来自外部存储的一些值 我事先不知道哪个任务可能需要这样的值以及何时 获取速度要快得多M价值观是一次性的而不是相同的M值在M查询外部存储 注意我不能指望任务本身进行合作 它们只不过是 ja

  • CONTAINS 不适用于 Oracle Text

    我在执行此查询时遇到问题 SELECT FROM gob attachment WHERE CONTAINS gob a document java gt 0 它给了我 ORA 29902 error in executing ODCIIn

  • 默认情况下，Keras 自定义层参数是不可训练的吗？

    我在 Keras 中构建了一个简单的自定义层 并惊讶地发现参数默认情况下未设置为可训练 我可以通过显式设置可训练属性来使其工作 我无法通过查看文档或代码来解释为什么会这样 这是应该的样子还是我做错了什么导致默认情况下参数不可训练 代码 im

  • 退出导航控制器

    我试图离开初始视图控制器 并进入空白视图控制器 这很好 但是这会使空白视图控制器也成为导航控制器的一部分 这不是我想要的 我想脱离视图控制器 在视图控制器中 我尝试退出 它会自行弹出 当我尝试视图中的方法时 将出现目标视图控制器 self

  • KnockoutJS 中的最大值和数值验证

    如何实现最大值验证并检查可观察值是否为数字 例如 self MyInteger ko observable extend numeric 2 extend maxValue params 255 message MyInteger cann

  • 基于xsd模式生成xml（使用.NET）

    我想根据我的 xsd 架构 cap xsd 生成 xml 文件 我找到了这篇文章并按照说明进行操作 使用 XSD 文件生成 XML 文件 https stackoverflow com questions 6530424 generatin

  • 无法将类型“System.IO.Stream”隐式转换为“Java.IO.InputStream”

    我提到了一些类似的问题 但没有一个涉及IO 当我使用时 我在java中使用了相同的代码Eclipse 那次就成功了 但现在我尝试在中使用这段代码Mono for Android C 它不起作用 我正在尝试运行此代码来创建一个InputStr

  • vim - 昏暗的非活动分割窗格

    如果您熟悉 iTerm2 应用程序 您就会知道您可以像 vim 一样分割视图 并且非活动视图会 变暗 我通常在 vim 中使用三个垂直分割视图 例如 通过将背景颜色设置为较暗的色调来调暗不活动的视图会很好 有没有办法做到这一点 我提出了以下

  • Amazon s3 – 403 禁止使用正确的存储桶策略

    我正在尝试使用以下存储桶策略 使存储在 s3 存储桶中的所有图像可供公开读取 Id Policy1380877762691 Statement Sid Stmt1380877761162 Action s3 GetObject Effect

  • 更改 Angular ui-bootstrap datepicker 日期顺序

    目前 ui bootstrap 日期选择器弹出窗口对一周中的周一至周日进行排序 客户要求我重新订购周日至周六 有趣的是 在 ui bootstrap 页面上 内联示例具有周日 周一顺序 但弹出窗口是周一 周日 有没有办法更改弹出窗口中的日期

  • vue-test-utils：如何测试 Mounted() 生命周期挂钩中的逻辑（使用 vuex）？

    我正在尝试为 Vue 中的逻辑编写一个单元测试mounted 生命周期钩子 但运气不太好 问题似乎是这样的mounted 使用 vue test utils 安装组件时永远不会被调用mount 这是我要测试的 Vue 组件

  • 解决错误javax.mail.AuthenticationFailedException

    我不熟悉java中发送邮件的这个功能 我在发送电子邮件重置密码时遇到错误 希望你能给我一个解决方案 下面是我的代码 public synchronized static boolean sendMailAdvance String emai

  • Twitter 嵌入时间轴小部件

    我继续下载http platform twitter com widgets js http platform twitter com widgets js And the http platform twitter com embed t

热门标签