Facebook Open Graph 单页应用程序

2023-12-01

我使用主干js构建了一个单页面应用程序。我对各种应用程序状态和动态内容(例如书籍)有单独的骨干 url“路由”,但本质上 Facebook 只会看到索引页面。

以下问题似乎提供了一种有趣的方法来为动态内容提供物理开放图 URL:

同一页面上有多个 Facebook opengraph 对象

其他开发人员如何在动态页面(特别是在单页面应用程序中)上使用开放图形标签?


您可以让服务器为此输出动态内容,但您仍然需要为每个对象提供不同的 url,因为这就是 facebook 索引这些对象的方式。

但是,您可以做的是使用 url 的查询字符串或片段部分来识别它。 因此,假设您有一个页面想要为所有打开的图形对象提供服务:your-domain.com/og现在你可以像这样添加标识符:

your-domain.com/og?type=3&id=432543643
your-domain.com/og#type=653&id=46t43g3
your-domain.com/og?type=25id=4tn4g43#anotherstring
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Facebook Open Graph 单页应用程序 的相关文章

  • 调整添加的绘制组件的大小和奇怪的摆动行为

    这个问题困扰了我好几天 我正在制作一个特殊的绘画程序 我制作了一个 JPanel 并添加了使用 Paint 方法绘制的自定义 jComponent 问题是 每当我调整窗口大小时 所有添加的组件都会 消失 或者只是不绘制 因此我最终会得到一个
  • 在 RESTful Web 服务中实现注销

    我正在开发一个需要注销服务的移动应用程序 登录服务是通过数据库验证来完成的 现在我陷入了注销状态 退一步 您没有提供有关如何在应用程序中执行身份验证的详细信息 并且很难猜测您在做什么 但是 需要注意的是 在 REST 应用程序中 不能有会话
  • Antlr 解析器运算符优先级

    考虑以下语法 我对运算符优先级有疑问 例如 res 2 a b有一个类似的解析树res 2 a b 我知道问题出在哪里 但我没有想到没有相互左递归的 漂亮 解决方案 你能帮我一点忙吗 该语法与自定义访问者一起使用 grammar Math
  • 如何通过索引访问 JSON 对象中的字段

    我知道这不是最好的方法 但我别无选择 我必须通过索引访问 JSONObject 中的项目 访问对象的标准方法是只写this objectName or this objectName 我还找到了一种获取 json 对象内所有字段的方法 fo
  • 带有 Maven Wrapper 的 Java 17 导致无法识别的 VM 选项“MaxPermSize=512m”

    I use OpenJDK 17 https jdk java net 17 使用 Maven Wrapper 3 8 2 从春季初始化 https start spring io Maven项目 JAR打包 Java 17 Spring
  • 测量窗口偏移

    有没有一种方法可以测量 jQuery 中窗口的偏移量 以便我可以比较 固定 元素和相对定位元素的位置 我需要能够知道窗口滚动了多远 以便我可以使用该图来计算固定元素的高度 相对于视口顶部 和相对对象的高度 相对于顶部 之间的差异文件的内容
  • MySQL 查询计算上个月

    我想计算上个月的订单总额 我收到了从当前日期获取当月数据的查询 SELECT SUM goods total AS Total Amount FROM orders WHERE order placed date gt date sub c
  • PrimeFaces 对话框参考父级

    我有一个 xhtml 页面 显示带有条目的数据表 我还有一个用于插入新条目的按钮 该按钮显示一个包含表单的对话框 插入表格用作
  • Pandas 与 Numpy 数据帧

    看这几行代码 df2 df copy df2 1 df 1 df 1 values 1 df2 ix 0 0 我们的教练说我们需要使用 values属性来访问底层的 numpy 数组 否则我们的代码将无法工作 我知道 pandas Data
  • 将第三个表链接到多对多关联中的桥接表

    设计这个数据库的正确方法是什么 这是我设置表格的方式 我在名为 教师 的表和名为 仪器 的表之间存在多对多关系 然后我有一个连接两者的桥接表 我想将另一个表与 BRIDGE 表关联起来 意思是乐器 老师的组合 该表有 3 行 指定老师可以教
  • Amazon RDS for SQL Server 是否支持 SSIS?

    从谷歌搜索中读到一些相互矛盾的答案 不确定答案是是 否还是可能 我觉得读的时候已经很清楚了this http docs aws amazon com AmazonRDS latest UserGuide CHAP SQLServer htm
  • 一种无需 JavaScript 即可在 PHP 中确定浏览器宽度的方法?

    首先有吗 或者我必须使用javascript 我希望能够更改使用的 CSS 因此 frex 我可以为移动设备或其他设备加载较小的字体 不幸的是 仅使用 PHP 无法检测用户分辨率 如果您使用 Javascript 则可以在 cookie 中
  • GUI Java 程序 - 绘图程序

    我一直试图找出我的代码有什么问题 这个想法是创建一个小的 Paint 程序并具有红色 绿色 蓝色和透明按钮 我拥有我能想到的让它工作的一切 但无法弄清楚代码有什么问题 该程序打开 然后立即关闭 import java awt import
  • 如何在 Angular 4 中翻译 mat-paginator?

    你知道如何在 Angular 中翻译 每页项目 吗mat paginator标签 这mat paginator是材料设计中的一个元素 您可以使用MatPaginatorIntl为了这 威尔 豪厄尔制作 https github com an
  • 使用velocity.js制作可拖动元素的动画

    我正在使用velocity js 为用户拖动的可拖动 SVG 元素设置动画 然而 velocity js 将先前的 mousemove 坐标排队并通过所有后续的 mousemove 坐标进行动画处理 我想要的是velocity js 不要对
  • 如何在 JFreeChart 中设置多个系列的线条粗细?

    我创建了很多图表 在他们每个人中我都需要打电话 renderer setSeriesStroke i new BasicStroke 2 0f 对于每个系列 renderer is chart getXYPlot getRenderer 我
  • 如何在 OSX 上安装 LaTeX .sty 文件?

    我设置了一个 LaTeX 项目 tex documents some file tex support todonotes sty where some file tex uses todonotes usepackage colorinl
  • Android 材料芯片组件崩溃应用程序。无法膨胀 xml

    Tried Chip来自两个支持库的组件 com google android support design 28 0 0 rc01和材料 com google android material material 1 0 0 rc01 堆栈
  • 禁用允许文本选择的

    残疾人可以吗
  • PyAudio ErrNo 输入溢出 -9981

    我遇到了与用户相同的错误 Python 使用 Pyaudio 以 16000Hz 录制音频时出错 https stackoverflow com questions 12994981 python error audio recording

随机推荐

  • 如何将三角形添加到 R 中的 ggplot2 颜色条以指示超出范围的值?

    我想用ggplot2其中一些填充值被剪裁 即高于或低于色阶限制的值显示为最小 最大颜色 我可以使用以下组合让它像这样工作limit and oob 超出范围 library ggplot2 library scales ggplot sca
  • RangeToHTML 和单元格中的图像

    我尝试使用 Ron de Bruin 的 RangeToHTML 生成一封电子邮件 到目前为止它工作得很好 但是我的一个单元格 B26 包含一张图像 这不会复制到电子邮件中 我已尝试并成功在范围之前或之后添加图像 但我需要该图像出现在该特定
  • Mono 采用 mscorlib.dll 2.0 而不是 4.0

    我在使用 MONO 应用程序时遇到问题 我正在尝试编译该项目 使用 MonoDevelop 以便加载运行 mscorlib dll 4 0 而不是版本 2 0 的库 我需要 4 0 版中的 System Type op Equality 方
  • Makefile 规则以相同名称但不同目录构建

    我想要一个类似的规则 build ext src ext action 我在一个文件夹中有一个文件目录 我想要优化它 然后输出到另一个文件夹 但是 输入和输出文件夹中的文件具有相同的名称 我已经尝试了上述规则的各种迭代 但是 make 要么
  • 将 ObsoleteAttribute 添加到(或以其他方式列入灰名单)不受我控制的类型?

    有没有办法以某种方式将我无法控制的类型标记为已过时 基本上我想将 ObsoleteAttribute 添加到我不想在 net 项目中使用的类型 即 SerializedAttribute 我相信我可以使用 FxCop 做类似的事情 但理想情
  • 如何将 Evaluate() 转换为不截断的字符串?

    下面的代码 Dim Formula As String Dim Output As String Formula IF ISBLANK VLOOKUP D3 SCALES N P 2 FALSE CONCATENATE PY IF LEFT
  • 通过 Maven 在 Spring Boot 中配置活动配置文件

    我正在尝试使用 Maven 3 在 Spring Boot 应用程序中设置活动配置文件 在我的 pom xml 中我设置默认活动配置文件和财产spring profiles active to 发展
  • 如何使用对受 Arc> 保护的基础数据的引用? [复制]

    这个问题在这里已经有答案了 通过内部可变性模式获得的任何引用 无论是Rc
  • CodeFluent 与 Interop.MSScriptControl.dll

    我们有一个 32 位服务 正在尝试迁移到 64 位 我们正在使用Interop MSScriptControl dll评估用户编写的VB脚本 由于没有 64 位版本MSScriptControl 我创建了一个在服务内部调用的进程 每次我们需
  • Python 中数字的最长运行/岛

    我有一个 0 重复多次的数组 但我想找到最长的 0 组 例如 myArray 1 0 2 0 3 0 4 0 5 1 6 0 7 0 8 0 9 0 10 0 11 0 12 0 13 1 14 2 15 0 16 0 17 0 18 0
  • d2i_RSA_PUBKEY、d2i_RSAPrivateKey 和 d2i_RSAPublicKey 返回 NULL

    我使用以下命令创建了 RSA 私钥 openssl genrsa out keypair pem 2048 我必须在该项目中使用 DER 编码的密钥 PKCS 1 因此我从这个 PEM 编码的私钥文件生成了两个 DER 文件 一个包含私钥
  • 找不到 adobe acrobat 10.0 类型库 (2020)

    我正在尝试使用 VBA 从 pdf 中读取一些文本 我读到我需要引用该库 Adobe Acrobat 10 0 Type Library 因此 我从以下位置下载了适用于 Windows 的 Acrobat DC SDK 下载页面 但是我查看
  • AutoFixture 约束字符串参数

    有没有一种简单的方法来指定参数 orderBy 的可能值列表 请不要一一列举 否则我也不会提问 我想指定 orderby 仅当从预定列表中选择时才有意义 假设列表非常大 仍然不是随机的 这不可能那么难 没有一个例子可以说明如此简单的任务 T
  • 单选按钮检查的更改事件未在 gridview 中触发

    我有一个网格视图 其中有一个单选按钮 我需要的是在选择单选按钮时我必须找到网格视图的数据键 还有一个问题是 我可以选择多个单选按钮 这是不应该发生的 您需要使用文字控件来注入单选按钮标记 这将处理分组 因此仅选择一个单选按钮 您无法使用标准
  • Chrome 自动化中的假地理位置

    我需要使用 python 脚本在 chrome 中自动进行地理定位 我必须伪造纬度和经度 我按照 stackoverflow 中的一些链接进行操作 但它们给出了错误 chromeDriver executeScript window nav
  • 循环运行5分钟

    我需要运行 5 分钟的 while 循环 我寻找了计时器 api 但找不到这样做 任何人都可以为此提供一个代码片段吗 Thanks 最简单的方法是检查每次迭代已经用了多少时间 例子 final long NANOSEC PER SEC 10
  • Javascript:“新日期(日期字符串)”与“新日期(年,月,日)”之间的区别

    参考这个问题的已接受答案如何在 JavaScript 中获取两个日期之间的天数 我明白了 在函数中parseDate function parseDate str var mdy str split return new Date mdy
  • 构造函数中的 C++ 引用

    我有一个类 其构造函数采用对字符串的 const 引用 该字符串充当对象的名称 因此在类实例的整个生命周期中都需要该字符串 现在想象一下如何使用这个类 class myclass public myclass const std strin
  • 尝试生成 9 位数字,每个数字都唯一

    我正在尝试获取 9 位数字 这些数字都有唯一的数字 我的第一种方法似乎有点太复杂 写起来很乏味 include
  • Facebook Open Graph 单页应用程序

    我使用主干js构建了一个单页面应用程序 我对各种应用程序状态和动态内容 例如书籍 有单独的骨干 url 路由 但本质上 Facebook 只会看到索引页面 以下问题似乎提供了一种有趣的方法来为动态内容提供物理开放图 URL 同一页面上有多个