网站源代码与elements元素

技术 · 2020-07-31

起因:对接LinkedIn分享,领英要求页面需要在header中增加meta元素,标识出以下几种:

操作步骤:
页面是ajax异步请求的,再获取到数据之后,用js方法填充meta属性:
$("meta[name='image']").attr('content', detail);

问题来了:这样的页面查询元素的时候是有meta属性的,但是查询源代码却没有值

原因:
页面加载时,header的元素和dom元素优先加载,然后才会执行http请求,发生js填充事件。
但是,网站源代码是指服务器源码,这一部分是不含js事件的。页面的审查元素是客户端代码,这部分并不是SEO、领英分享等功能需要的

所以,修正方案:
再跳转到具体页面的时候,就直接返回以上关键信息,加载dom元素的时候,使用


赋值进去,就可以保证源代码也有meta标签了

Theme Jasmine by Kent Liao