渲染要用什么电脑配置

基于Which.js渲染的电脑配置指南

安装Which.js

访问npm 官方下载页面：前往 https://dev.npm.com/whichjs,点击下载。
选择安装位置：
- 在下载页面中，选择安装到 node_modules 位置。
- 点击安装,等待下载完成。
安装成功后：检查安装位置，通常会在 node_modules 项中找到 Which.js。

创建 Which.js 顶本

打开终端：在桌面上打开终端，进入 node_modules 目录。
添加顶本：
- 使用 npm run build 或 cd node_modules && npm run build，然后输入以下代码：
```
cd root
npm run build
```
- 这将创建一个名为 Which.js 的顶本文件，包含 Which.js 的安装代码。
验证顶本：查看顶本文件，确保 Which.js 的安装是正确的。

在 HTML 文件中嵌入 Which.js

创建 HTML 文件：在桌面上创建一个 HTML 文件名为 index.html。

添加 HTML 标签：

在 HTML 文件中添加以下 HTML 标签：

<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.">
    <title>Which.js 示例</title>
  </head>
  <body>
    <html lang="en">
      <head>
        <!-- 不需要此处 -->
      </head>
      <body>
        <!-- 需要此处 -->
        <script src="https://cdn.jsdelivr.net/npm/whichjs@latest/dist/Which.js.min.js"></script>
        <!-- 检查插件 -->
      </body>
    </html>
  </body>
  <html>
    <head>
      <!-- 不需要此处 -->
    </head>
  </body>
  <html>
    <head>
      <!-- 不需要此处 -->
    </head>
  </body>
  <html>
    <head>
      <!-- 不需要此处 -->
    </head>
  </body>
</html>

这里在 HTML 文件中嵌入了 Which.js 的顶本，确保 Which.js 被正确加载到服务器上。

设置渲染引擎和插件

选择渲染引擎：

在终端中输入以下命令，选择合适的渲染引擎：

node -e "require('config').options.config.default = {showErrors: true}; require('config').options.config.default.error = true;"

添加插件：

在终端中输入以下命令，添加插件：

node -e "require('config').options.config.default = {xds: true, xdg: true};"

设置渲染引擎版本：

在终端中输入以下命令，设置渲染引擎版本：

node -e "require('config').options.default = {html: ['html5'], html5: ['html5'], chrome: [' chrome-extension: chrome-extension.html5'], chrome-web-store: [' chrome-web-store.html5']};"

验证插件：
- 在终端中输入以下命令，查看插件是否加载：
```
node -e "require('config').options.config.default"
```
- 如果插件加载,说明配置正确。

测试 Which.js

打开浏览器：在桌面上打开浏览器（如 Chrome、Firefox、Edge 或 Safari）。

访问 HTML 文件：

在浏览器中打开 index.html。

在浏览器中输入以下代码：

<Which.js vertex=src="https://cdn.jsdelivr.net/npm/whichjs@latest/dist/Which.js.min.js"></Which.js>

渲染结果：
- 确保 Which.js 被正确加载并渲染。
- 如果出现错误，检查插件是否加载，或查看 Which.js 的顶本是否正确配置。

提升性能的建议

最小化窗口：减少 window 的大小,以提高性能。
关闭不必要的插件：关闭 Xe、Xdg、IE、IE8、Safari、Chrome 残控、Chrome Web Store、Safari Chrome 和 Chrome Extension。
使用缓存：使用缓存功能，如 cache: true，以提升 HTML 的加载速度。

提升兼容性

安装兼容插件：
安装 Xe 和 Xdg 等引擎插件,以提高兼容性。
（图片来源网络，侵删）
使用最佳兼容性版本：
选择 IE8 作为默认兼容引擎,因为它在大多数情况下都兼容。
使用最佳插件：
使用 Saphire 插件，它支持 IE、Safari 和 Chrome 的插件。
（图片来源网络，侵删）

优化配置

调整配置文件：

在终端中输入以下命令，调整配置文件：

node -e "require('config').options.config.default = {html: ['html5'], html5: ['html5'], chrome: [' chrome-extension: chrome-extension.html5'], chrome-web-store: [' chrome-web-store.html5']};"

检查版本兼容性：
确保 Which.js 的版本与您的浏览器和插件兼容。

全局配置

在终端中使用配置文件：

在终端中输入以下命令，访问你的配置文件，并使用它来调整 Which.js 的配置：

node -e "require('config').options.config.default = {html: ['html5'], html5: ['html5'], chrome: [' chrome-extension: chrome-extension.html5'], chrome-web-store: [' chrome-web-store.html5']};"