Có thể sử dụng jQuery để đọc các thẻ meta

Có thể sử dụng jQuery để đọc các thẻ meta. Nếu vậy bạn có biết cấu trúc cơ bản của mã sẽ là gì, hoặc có liên kết đến bất kỳ hướng dẫn nào.

Chỉ cần sử dụng một cái gì đó như:

var author = $('meta[name=author]').attr("content");

Trình phân tích cú pháp này sẽ giúp bạn?

https://github.com/fiann/jquery.ogp

Nó phân tích dữ liệu meta OG thành JSON, vì vậy bạn chỉ có thể sử dụng dữ liệu trực tiếp. Nếu bạn thích, bạn có thể đọc / ghi chúng trực tiếp bằng JQuery, tất nhiên. Ví dụ:

$("meta[property='og:title']").attr("content", document.title);
$("meta[property='og:url']").attr("content", location.toString());

Lưu ý các dấu ngoặc đơn xung quanh các giá trị thuộc tính; điều này ngăn ngừa lỗi phân tích cú pháp trong jQuery.

Tôi mới thử cái này và đây có thể là một lỗi cụ thể của phiên bản jQuery, nhưng

$("meta[property=twitter:image]").attr("content");

dẫn đến lỗi cú pháp sau đây đối với tôi:

Error: Syntax error, unrecognized expression: meta[property=twitter:image]

Rõ ràng nó không giống như dấu hai chấm. Tôi đã có thể sửa nó bằng cách sử dụng dấu ngoặc kép và dấu ngoặc đơn như thế này:

$("meta[property='twitter:image']").attr("content");

(Phiên bản jQuery 1.8.3 - xin lỗi, tôi đã có thể nhận xét này cho @Danilo, nhưng nó sẽ không cho tôi nhận xét nào)

jQuery hiện hỗ trợ .data();, vì vậy nếu bạn có

<div id='author' data-content='stuff!'>

sử dụng

var author = $('#author').data("content"); // author = 'stuff!'

$("meta")

Sẽ cung cấp cho bạn một mảng các thành phần có tên thẻ là META và sau đó bạn có thể lặp lại bộ sưu tập để chọn ra bất kỳ thuộc tính nào của các yếu tố bạn quan tâm.

Để chọn tên meta twitter, bạn có thể thêm một thuộc tính dữ liệu.

thí dụ :

meta name="twitter:card" data-twitterCard="" content=""
$('[data-twitterCard]').attr('content');