vconsole - npm Package Compare versions

Comparing version 3.10.0 to 3.10.1

CHANGELOG_CN.md

		[English](./CHANGELOG.md) \| 简体中文

		## 3.10.1 (2021-12-23)

		- `Feat(Network)` 格式化输出 response 中的 JSON 内容。 (issue #486)
		- `Fix(Style)` 当 `initial-scale !== 1` 时，避免面板随页面缩放大小。
		- `Fix(Core)` 修复 PC 模式下点击面板按钮无效的问题。 (issue #487)
		- `Fix(Network)` 当 Query/Payload/Headers 是对象或数组时，展示为结构化的 JSON 格式而非 `[object Object]`。
		- `Fix(Network)` 当某些情况下 XHR 对象被复用时，避免多次覆盖XHR对象的 `onreadystatechange` 以造成错误。 (issue #214)


		## 3.10.0 (2021-12-17)
		@@ -4,0 +13,0 @@

CHANGELOG.md

		English \| [简体中文](./CHANGELOG_CN.md)

		## 3.10.1 (2021-12-23)

		- `Feat(Network)` Pretty output format for JSON response. (issue #486)
		- `Fix(Style)` Avoid panel scaling with the web page When `initial-scale !== 1`.
		- `Fix(Core)` Fix the issue that clicking the panel button does not work in PC mode. (issue #487)
		- `Fix(Network)` Display formatted JSON instead of `[object Object]` when Query/Payload/Headers is an object or array.
		- `Fix(Network)` Avoid overwriting `onreadystatechange` of XHR objects multiple times when XHR objects are reused in some cases. (issue #214)


		## 3.10.0 (2021-12-17)
		@@ -4,0 +13,0 @@

dist/vconsole.min.d.ts

		@@ -58,3 +58,7 @@ declare module "lib/tool" {
		*/
		export function safeJSONStringify(obj: any, maxDepth?: number, keyMaxLen?: number): string;
		export function safeJSONStringify(obj: any, opt?: {
		maxDepth?: number;
		keyMaxLen?: number;
		pretty?: boolean;
		}): string;
		/**
		@@ -61,0 +65,0 @@ * Call original `JSON.stringify` and catch unknown exceptions.

package.json

		{
		"name": "vconsole",
		"version": "3.10.0",
		"version": "3.10.1",
		"description": "A lightweight, extendable front-end developer tool for mobile web page.",
		@@ -5,0 +5,0 @@ "homepage": "https://github.com/Tencent/vConsole",

README_CN.md

		@@ -79,33 +79,81 @@ [English](./README.md) \| 简体中文

		![](./doc/snapshot/qrcode.png)

		[http://wechatfe.github.io/vconsole/demo.html](http://wechatfe.github.io/vconsole/demo.html)

		![](./doc/screenshot/qrcode.png)



		# 截图

		\| \| \|
		\|---\|---\|
		\| 概览: \| \|
		\| 浅色主题 \| 暗色主题 \|
		\| ![](./doc/screenshot/overview_light.jpg) \| ![](./doc/screenshot/overview_dark.jpg) \|
		\| Log 面板: \| \|
		\| Log 样式 \| 命令行 \|
		\| ![](./doc/screenshot/plugin_log_types.jpg) \| ![](./doc/screenshot/plugin_log_command.jpg) \|
		\| System 面板: \| \|
		\| Performance 信息 \| 输出到不同的 log 面板 \|
		\| ![](./doc/screenshot/plugin_system.jpg) \| `console.log('[system]', '输出到system面板')` \|
		\| Network 面板: \| \|
		\| 请求、回包的详情 \| \|
		\| ![](./doc/screenshot/plugin_network.jpg) \| \|
		\| Element 面板: \| \|
		\| 展示 HTML 对象结构 \| \|
		\| ![](./doc/screenshot/plugin_element.jpg) \| \|
		\| Storage 面板: \| \|
		\| 添加、编辑、删除、复制 Cookies / LocalStorage / SessionStorage \| \|
		\| ![](./doc/screenshot/plugin_storage.jpg) \| \|
		### 概览

		<details>
		<summary>浅色主题</summary>

		![](./doc/screenshot/overview_light.jpg)
		</details>

		<details>
		<summary>深色主题</summary>

		![](./doc/screenshot/overview_dark.jpg)
		</details>

		### Log 面板

		<details>
		<summary>Log 样式</summary>

		![](./doc/screenshot/plugin_log_types.jpg)
		</details>

		<details>
		<summary>命令行</summary>

		![](./doc/screenshot/plugin_log_command.jpg)
		</details>

		### System 面板

		<details>
		<summary>Performance 信息</summary>

		![](./doc/screenshot/plugin_system.jpg)
		</details>

		<details>
		<summary>输入日志到不同的 log 面板</summary>

		```javascript
		console.log('output to Log panel.')
		console.log('[system]', 'output to System panel.')
		```
		</details>

		### Network 面板

		<details>
		<summary>请求、回包的详情</summary>

		![](./doc/screenshot/plugin_network.jpg)
		</details>

		### Element 面板

		<details>
		<summary>查看 HTML 对象结构</summary>

		![](./doc/screenshot/plugin_element.jpg)
		</details>

		### Storage 面板

		<details>
		<summary>添加、编辑、删除、复制 Cookies / LocalStorage / SessionStorage</summary>

		![](./doc/screenshot/plugin_storage.jpg)
		</details>



		## 文档
		@@ -112,0 +160,0 @@

README.md

		@@ -85,25 +85,72 @@ English \| [简体中文](./README_CN.md)

		\| \| \|
		\|---\|---\|
		\| Overview: \| \|
		\| Light theme \| Dark theme \|
		\| ![](./doc/screenshot/overview_light.jpg) \| ![](./doc/screenshot/overview_dark.jpg) \|
		\| Log Panel: \| \|
		\| Log styling \| Command line \|
		\| ![](./doc/screenshot/plugin_log_types.jpg) \| ![](./doc/screenshot/plugin_log_command.jpg) \|
		\| System Panel: \| \|
		\| Performance info \| Output logs to different panel \|
		\| ![](./doc/screenshot/plugin_system.jpg) \| `console.log('[system]', 'output to system panel.')` \|
		\| Network Panel: \| \|
		\| Request details \| \|
		\| ![](./doc/screenshot/plugin_network.jpg) \| \|
		\| Element Panel: \| \|
		\| Realtime HTML elements structure \| \|
		\| ![](./doc/screenshot/plugin_element.jpg) \| \|
		\| Storage Panel: \| \|
		\| Add, edit, delete or copy Cookies / LocalStorage / SessionStorage \| \|
		\| ![](./doc/screenshot/plugin_storage.jpg) \| \|
		### Overview

		<details>
		<summary>Light theme</summary>

		![](./doc/screenshot/overview_light.jpg)
		</details>

		<details>
		<summary>Dark theme</summary>

		![](./doc/screenshot/overview_dark.jpg)
		</details>

		### Log Panel

		<details>
		<summary>Log styling</summary>

		![](./doc/screenshot/plugin_log_types.jpg)
		</details>

		<details>
		<summary>Command line</summary>

		![](./doc/screenshot/plugin_log_command.jpg)
		</details>

		### System Panel

		<details>
		<summary>Performance info</summary>

		![](./doc/screenshot/plugin_system.jpg)
		</details>

		<details>
		<summary>Output logs to different panel</summary>

		```javascript
		console.log('output to Log panel.')
		console.log('[system]', 'output to System panel.')
		```
		</details>

		### Network Panel

		<details>
		<summary>Request details</summary>

		![](./doc/screenshot/plugin_network.jpg)
		</details>

		### Element Panel

		<details>
		<summary>Realtime HTML elements structure</summary>

		![](./doc/screenshot/plugin_element.jpg)
		</details>

		### Storage Panel

		<details>
		<summary>Add, edit, delete or copy Cookies / LocalStorage / SessionStorage</summary>

		![](./doc/screenshot/plugin_storage.jpg)
		</details>


		## Documentation
		@@ -110,0 +157,0 @@

dist/vconsole.min.js

Sorry, the diff of this file is too big to display

vconsole - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics