如何從html源代碼獲取元圖像？

-1

我在控制檯的HTML數據....我將如何找到meta tag og image從這個網站源代碼 下面的代碼是字符串的形式如何從html源代碼獲取元圖像？

<!DOCTYPE html> 
    <html lang="en" id="facebook" class="no_js"> 
    <head><meta charset="utf-8" /><meta name="referrer" content="origin-when-crossorigin" id="meta_referrer" /><script>function envFlush(a){function b(c){for(var d in a)c[d]=a[d];}if(window.requireLazy){window.requireLazy(['Env'],b);}else{window.Env=window.Env||{};b(window.Env);}}envFlush({"ajaxpipe_token":"AXjKg9wJIltZEBjN","khsh":"0`sj`e`rm`s-0fdu^gshdoer-0gc^eurf-3gc^eurf;1;enbtldou;fduDmdldourCxO`ld-2YLMIuuqSdptdru;qsnunuxqd;rdoe-0unjdojnx-0unjdojnx0-0gdubi^rdbsduOdv-0`sj`e`r-0q`xm`r-0StoRbs`qhof-0mhoj^q`xm`r"});</script><style></style><script>__DEV__=0;CavalryLogger=false;</script><noscript><meta http-equiv="refresh" content="0; URL=/?_fb_noscript=1" /></noscript><title id="pageTitle">Facebook - Log In or Sign Up</title><meta property="og:site_name" content="Facebook" /><meta property="og:url" content="https://www.facebook.com/" /><meta property="og:image" content="https://www.facebook.com/images/fb_icon_325x325.png" /><meta property="og:locale" content="en_GB" /><script type="application/ld+json">{"\u0040context":"http:\/\/schema.org","\u0040type":"WebSite","name":"Facebook","url":"https:\/\/www.facebook.com\/"}

來源

2017-05-09 Ashish Choudhary

請縮進代碼 – Vivick

的[我能得到一個元可能的複製價值與jQuery/JS？]（http://stackoverflow.com/questions/3289302/can-i-get-a-meta-value-with-jquery-js） – Slico

您需要命名屬性添加到您的元標記，然後：

$("meta[name=og-image]").attr("content")

來源

2017-05-09 11:44:48 Slico

我有html代碼形式的字符串 –

如果您將此標記作爲字符串，則需要解析它爲HTML文檔。
爲此，請使用DOMParser API。

從此，你可以正常使用DOM方法去你的元素，並獲取其屬性值：

var markup = `<!DOCTYPE html><html lang="en" id="facebook" class="no_js"><head><meta charset="utf-8" /><meta name="referrer" content="origin-when-crossorigin" id="meta_referrer" /><script>function envFlush(a){function b(c){for(var d in a)c[d]=a[d];}if(window.requireLazy){window.requireLazy(['Env'],b);}else{window.Env=window.Env||{};b(window.Env);}}envFlush({"ajaxpipe_token":"AXjKg9wJIltZEBjN","khsh":"0\`sj\`e\`rm\`s-0fdu^gshdoer-0gc^eurf-3gc^eurf;1;enbtldou;fduDmdldourCxO\`ld-2YLMIuuqSdptdru;qsnunuxqd;rdoe-0unjdojnx-0unjdojnx0-0gdubi^rdbsduOdv-0\`sj\`e\`r-0q\`xm\`r-0StoRbs\`qhof-0mhoj^q\`xm\`r"});<\/script><style></style><script>__DEV__=0;CavalryLogger=false;<\/script><noscript><meta http-equiv="refresh" content="0; URL=/?_fb_noscript=1" /></noscript><title id="pageTitle">Facebook - Log In or Sign Up</title><meta property="og:site_name" content="Facebook" /><meta property="og:url" content="https://www.facebook.com/" /><meta property="og:image" content="https://www.facebook.com/images/fb_icon_325x325.png" /><meta property="og:locale" content="en_GB" /><script type="application/ld+json">{"\u0040context":"http:\/\/schema.org","\u0040type":"WebSite","name":"Facebook","url":"https:\/\/www.facebook.com\/"}`; 
 

 
var doc = new DOMParser().parseFromString(markup, 'text/html'); 
 
var meta = doc.querySelector('meta[property="og:image"]'); 
 
var value = meta && meta.getAttribute('content'); 
 

 
console.log(value);

來源

2017-05-09 13:37:20 Kaiido

如何從html源代碼獲取元圖像？

回答

相關問題