前言
在 Web 开发中，经常需要获取当前页面的元数据信息（例如标题、描述、关键词等）和 URL 地址。为了方便获取这些信息，@nymdev 团队开发了一个 npm 包 @nymdev/clay-meta-url，本文将介绍如何使用该包。
安装
npm install @nymdev/clay-meta-url
用法
获取元数据信息
获取页面标题、描述和关键词：
import { getMetaInfo } from '@nymdev/clay-meta-url';
const metaInfo = getMetaInfo();
console.log(metaInfo.title); // 页面标题
console.log(metaInfo.description); // 页面描述
console.log(metaInfo.keywords); // 页面关键词获取页面 URL
import { getPageUrl } from '@nymdev/clay-meta-url';
console.log(getPageUrl()); // 当前页面 URL 地址示例
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
----------- -------------
----- ------------------ ------------- -------------
----- --------------- ------------------------
-------
------
------- ------------------------------------
------- ----------------------- ------------
------- --------------
------ - ------------ ---------- - ---- ------------------------
----- -------------- - ------------------------------------------
----- ------------- - -----------------------------------------
---------------------------------------- -- -- -
----- -------- - --------------
---------------------------- -- ----
---------------------------------- -- ----
------------------------------- -- -----
---
--------------------------------------- -- -- -
-------------------------- -- ---- --- --
---
---------
-------
-------点击「获取元数据信息」按钮输出：
Page Title Page Description Page,Keywords
点击「获取页面 URL」按钮输出：
http://example.com/path/to/page.html
指导意义
使用 @nymdev/clay-meta-url 可以方便地获取当前页面的元数据信息和 URL 地址，避免了重复编写获取代码的问题。同时该包也可以作为学习前端开发的案例，深入了解如何获取页面中的元数据信息和 URL 地址等知识点。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bd1967216659e244ea5