jarvis.html 是一个能够帮助前端开发者提高开发效率的 npm 包。本文将详细介绍 jarvis.html 的使用方法，包括安装、使用、配置等方面。
安装
安装 jarvis.html 非常简单，只需要在终端输入以下命令即可：
npm install -g jarvis.html
以上命令会将 jarvis.html 安装到全局环境中。如果想要安装到项目中，只需要在项目目录下执行以下命令：
npm install jarvis.html
使用
在使用 jarvis.html 之前，需要先在 HTML 文件中引入它的脚本文件，如下所示：
<script src="https://unpkg.com/jarvis.html"></script>
在引入 jarvis.html 之后，我们就可以在页面中使用了。jarvis.html 主要提供了以下几个功能：
1. 自动刷新
在开发前端项目时，每次修改代码后都需要手动刷新页面，非常麻烦。jarvis.html 可以自动检测代码修改，并实时刷新页面。
使用方法：
<script src="https://unpkg.com/jarvis.html"></script> <script> __jarvis__.live(); </script>
2. 布局标尺
jarvis.html 会在页面显示出一个布局标尺，方便我们进行页面布局调整。
使用方法：
<script src="https://unpkg.com/jarvis.html"></script> <script> __jarvis__.ruler(); </script>
3. 元素选取
我们可以通过 jarvis.html 进行元素选择，并获取相应的信息。这对于调试 CSS 样式非常有帮助。
使用方法：
<script src="https://unpkg.com/jarvis.html"></script> <script> __jarvis__.inspect(); </script>
4. 页面截图
在调试页面时，有时我们需要截取页面的部分内容进行分析。jarvis.html 可以帮助我们实现页面截图。
使用方法：
<script src="https://unpkg.com/jarvis.html"></script> <script> __jarvis__.screenshot(); </script>
5. 性能分析
jarvis.html 还可以帮助我们进行页面性能分析，包括资源文件加载时间、渲染时间等。
使用方法：
<script src="https://unpkg.com/jarvis.html"></script> <script> __jarvis__.perf(); </script>
配置
jarvis.html 提供了一些配置项，我们可以通过设置这些配置项来实现自定义的功能。
1. 端口号
jarvis.html 默认的端口号是 3000，如果该端口号已被占用，我们可以通过修改端口号来解决。
使用方法：
<script src="https://unpkg.com/jarvis.html"></script>
<script>
__jarvis__.live({
port: 8000
});
</script>2. 代理设置
有时我们需要接口请求代理到其他的服务器上，这个时候我们可以通过设置代理来实现这个功能。
使用方法：
-- -------------------- ---- -------
------- ---------------------------------------------
--------
-----------------
------ -
------- -
------- ------------------------
------------- ----
-
-
---
---------以上代码表示将 “/api” 的请求代理到 “http://localhost:3001” 上。
示例代码
下面是一个包含 jarvis.html 基本功能的代码示例：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
------------------ ----------
------- ---------------------------------------------
-------
------
--------------- -------
--------
-----------------
----- -----
------ -
------- -
------- ------------------------
------------- ----
-
-
---
---------
-------
-------以上代码中，我们引入了 jarvis.html，然后在页面脚本中调用了 live 方法，并设置了端口号和代理设置。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005662681e8991b448e1ff2