首页 > 编程语言> > javascript – 使用jQuery设置动态元标记和Open Graph标记

javascript – 使用jQuery设置动态元标记和Open Graph标记

2019-08-28 13:37:20 作者：互联网

我正在尝试使用jQuery添加动态标签,但似乎无法正常工作.我在加载页面后直接加载我的脚本.

这是我的HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <script type="text/javascript" src="script.js"></script>
  </head>
  <body>
  </body>
</html>

这就是我在jQuery上添加标签的方法.

$(function() {
      $('head').append('<meta property="og:type" content="profile"/>'); 
      $('head').append('<meta property="og:url" content=""/>');
      $('head').append("<meta property='og:title' content="+text+"'/>");
      $('head').append("<meta property='og:image' content="+imageUrl+"'/>");
  });

为什么我这样做？用户访问页面example.com/?link=HDI635后
我想简要介绍一下内容.所以我之后使用jQuery进行API调用,之后我想将API响应中的值添加到Open Graph标记中.

解决方法:

如果你的标签的目的是在Facebook这样的网站上生成内容预览,那么使用jQuery可能不会起作用,因为大多数网页抓取工具都不运行JavaScript,他们只需下载HTML并按原样阅读.

为了使其正常工作,您需要在服务器端生成标记.

您可以使用Facebook的共享调试器调试您的标签：
https://developers.facebook.com/tools/debug/

标签：html,javascript,jquery,opengraph
来源： https://codeday.me/bug/20190828/1752027.html