8830712124

Committed 25 Apr 2024 10:06AM UTC coverage: 63.104% (-0.2%) from 63.325%

Build # 8830712124

Build Type

Pull #78

github

Committed by

web-flow

Commit Message

Merge a73571dae into 294b27e33

Pull Request Pull Request #78: reconnect mechanism optimization 重连机制优化

Run Details

1300 of 1449 branches covered (89.72%)

Branch coverage included in aggregate %.

82 of 103 new or added lines in 8 files covered. (79.61%)

6 existing lines in 4 files now uncovered.

5300 of 9010 relevant lines covered (58.82%)

31.09 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

84.48

/packages/page-spy-browser/src/index.ts

import type { InitConfig } from 'page-spy-browser/types/index';
import copy from 'copy-to-clipboard';
import { getRandomId, isArray, isClass, psLog } from 'base/src';
import { ROOM_SESSION_KEY } from 'base/src/constants';
import type {
  PageSpyPlugin,
  PageSpyPluginLifecycle,
  PageSpyPluginLifecycleArgs,
  PluginOrder,
} from '@huolala-tech/page-spy-types';
import { Modal } from './component/modal';
import { Content } from './component/content';

import ConsolePlugin from './plugins/console';
import ErrorPlugin from './plugins/error';
import NetworkPlugin from './plugins/network';
import SystemPlugin from './plugins/system';
import PagePlugin from './plugins/page';
import { StoragePlugin } from './plugins/storage';

import socketStore from './helpers/socket';
import Request from './api';

import type { UElement } from './helpers/moveable';
import { moveable } from './helpers/moveable';
import './index.less';
// eslint-disable-next-line import/order
import { Config } from './config';
import { DatabasePlugin } from './plugins/database';
import { Toast } from './component/toast';
import { SocketState } from 'base/src/socket-base';

const Identifier = '__pageSpy';

class PageSpy {
  root: HTMLElement | null = null;

  version = PKG_VERSION;

  static plugins: Record<PluginOrder | 'normal', PageSpyPlugin[]> = {
    pre: [],
    normal: [],
    post: [],
  };

  static get pluginsWithOrder() {
    return [
      ...PageSpy.plugins.pre,
      ...PageSpy.plugins.normal,
      ...PageSpy.plugins.post,
    ];
  }

  request: Request | null = null;

  // System info: <os>-<browser>:<browserVersion>
  name = '';

  // Room address
  address = '';

  // Completed websocket room url
  roomUrl = '';

  socketStore = socketStore;

  config = new Config();

  static instance: PageSpy | null = null;

  cacheTimer: ReturnType<typeof setInterval> | null = null;

  static registerPlugin(plugin: PageSpyPlugin) {
    if (!plugin) {
      return;
    }
    if (isClass(plugin)) {
      psLog.error(
        'PageSpy.registerPlugin() expect to pass an instance, not a class',
      );
      return;
    }
    if (!plugin.name) {
      psLog.error(
        `The ${plugin.constructor.name} plugin should provide a "name" property`,
      );
      return;
    }
    const isExist = PageSpy.pluginsWithOrder.some(
      (i) => i.name === plugin.name,
    );
    if (isExist) {
      psLog.error(
        `The ${plugin.name} has registered. Consider the following reasons:
      - Duplicate register one same plugin;
      - Plugin's "name" conflict with others, you can print all registered plugins by "PageSpy.plugins";`,
      );
      return;
    }
    const currentPluginSet = PageSpy.plugins[plugin.enforce || 'normal'];
    currentPluginSet.push(plugin);
  }

  constructor(init: InitConfig = {}) {
    if (PageSpy.instance) {
      psLog.warn('Cannot initialize PageSpy multiple times');
      // eslint-disable-next-line no-constructor-return
      return PageSpy.instance;
    }
    PageSpy.instance = this;

    const config = this.config.mergeConfig(init);

    this.updateConfiguration();
    this.triggerPlugins('onInit', { config, socketStore });
    this.init();
  }

  triggerPlugins<T extends PageSpyPluginLifecycle>(
    lifecycle: T,
    ...args: PageSpyPluginLifecycleArgs<T>
  ) {
    const { disabledPlugins } = this.config.get();
    PageSpy.pluginsWithOrder.forEach((plugin) => {
      if (
        isArray(disabledPlugins) &&
        disabledPlugins.length &&
        disabledPlugins.includes(plugin.name)
      ) {
        return;
      }
      // eslint-disable-next-line prefer-spread
      (plugin[lifecycle] as any)?.apply(plugin, args);
    });
  }

  async init() {
    const config = this.config.get();

    // Online real-time mode
    if (config.offline === false) {
      this.request = new Request(config);

      const roomCache = sessionStorage.getItem(ROOM_SESSION_KEY);
      if (roomCache === null) {
        await this.createNewConnection();
      } else {
        const { name, address, roomUrl, project: prev } = JSON.parse(roomCache);
        if (config.project !== prev) {
          await this.createNewConnection();
        } else {
          this.name = name;
          this.address = address;
          this.roomUrl = roomUrl;
          this.useOldConnection();
        }
      }
      // reconnect when page switch to front-ground.
      document.addEventListener('visibilitychange', () => {
        // For browser, if the connection exist, no need to recreate.
        if (!document.hidden && !socketStore.connectionStatus) {
          this.useOldConnection();
        }
      });
    }
    psLog.log('Plugins inited');
    if (config.autoRender) {
      this.render();
    }
  }

  updateConfiguration() {
    const { messageCapacity, offline } = this.config.get();
    socketStore.isOffline = offline;
    socketStore.messageCapacity = messageCapacity;
  }

  abort() {
    this.triggerPlugins('onReset');
    socketStore.close();
    PageSpy.instance = null;
    const root = document.querySelector(`#${Identifier}`);
    if (root) {
      document.documentElement.removeChild(root);
    }
  }

  async createNewConnection() {
    if (!this.request) {
      psLog.error('Cannot get the Request');
      return;
    }
    const roomInfo = await this.request.createRoom();
    this.name = roomInfo.name;
    this.address = roomInfo.address;
    this.roomUrl = roomInfo.roomUrl;
    this.refreshRoomInfo();
    socketStore.init(roomInfo.roomUrl);
  }

  useOldConnection() {
    this.refreshRoomInfo();
    socketStore.init(this.roomUrl);
  }

  // In FeiShu browser (Android, Chrome/75), due to the premature execution of synchronous render,
  // when execute `document.documentElement.append(root)` in the `render` function,
  // the browser will directly create a `body` element, and the final result is that
  // there will be multiple `body` elements on the page,
  // which leads to strange phenomena such as css style mismatches
  render() {
    const root = document.querySelector(`#${Identifier}`);
    /* c8 ignore start */
    if (root) {
      psLog.warn('Cannot render the widget because it has been in the DOM');
      return;
    }
    if (document !== undefined) {
      if (document.readyState === 'loading') {
        window.addEventListener('DOMContentLoaded', this.render.bind(this));
      } else {
        this.startRender();
      }
    } else {
      // if document does not exist, wait for it
      let timer: ReturnType<typeof setTimeout>;
      const pollingDocument = () => {
        if (!!document && document.readyState === 'complete') {
          if (timer) {
            clearTimeout(timer);
          }
          this.startRender();
        } else {
          timer = setTimeout(pollingDocument, 1);
        }
      };
      timer = setTimeout(pollingDocument, 1);
    }
    /* c8 ignore stop */
  }

  refreshRoomInfo() {
    this.saveSession();
    this.cacheTimer = setInterval(() => {
      if (socketStore.getSocket().getState() === SocketState.OPEN) {
        this.saveSession();
      }
      this.saveSession();
    }, 15 * 1000);
  }

  saveSession() {
    const { name, address, roomUrl, config } = this;
    const roomInfo = JSON.stringify({
      name,
      address,
      roomUrl,
      project: config.get().project,
    });
    sessionStorage.setItem(ROOM_SESSION_KEY, roomInfo);
  }

  startRender() {
    const config = this.config.get();
    const { project, clientOrigin, title, logo: logoUrl, logoStyle } = config;

    const root = document.createElement('div');
    root.id = Identifier;
    this.root = root;

    const logo = document.createElement('div');
    logo.className = 'page-spy-logo';
    const img = document.createElement('img');
    img.alt = 'PageSpy Logo';
    img.src = logoUrl;
    img.width = 50;
    img.height = 50;
    Object.entries(logoStyle).forEach(([key, value]) => {
      img.style[key as any] = value;
    });
    logo.insertAdjacentElement('beforeend', img);
    root.insertAdjacentElement('beforeend', logo);
    window.addEventListener('sdk-inactive', () => {
      logo.classList.add('inactive');
    });

    const modal = new Modal();
    const content = new Content({
      content: `
      <p><b>Device ID:</b> <span style="font-family: 'Monaco'">${
        this.address.slice(0, 4) || '--'
      }</span></p>
      <p><b>Project:</b> ${project}</p>
      <p><b>Title:</b> ${title}</p>
      `,
      onOk: () => {
        const text = `${clientOrigin}/#/devtools?address=${encodeURIComponent(
          this.address,
        )}`;
        const copyRes = copy(text);
        let message = '';
        const langs = navigator.languages;
        const isCN = ['zh-CN', 'zh-HK', 'zh-TW', 'zh'].some((l) => {
          return langs.includes(l);
        });
        if (isCN) {
          message = copyRes ? '拷贝成功!' : '拷贝失败!';
        } else {
          message = copyRes ? 'Copy successfully!' : 'Copy failed!';
        }
        Toast.message(message);
        modal.close();
      },
    });
    modal.appendNode(content.el!);
    root.insertAdjacentElement('beforeend', modal.el);

    function showModal(e: any) {
      const { isMoveEvent } = logo as unknown as UElement;
      /* c8 ignore next 3 */
      if (isMoveEvent) {
        return;
      }
      e.stopPropagation();
      modal.show();
    }
    logo.addEventListener('click', showModal, false);
    logo.addEventListener('touchend', showModal, false);
    document.documentElement.insertAdjacentElement('beforeend', root);
    moveable(logo);
    this.triggerPlugins('onMounted', {
      root,
      content: content.el,
      socketStore,
    });
    this.handleDeviceDPR();

    psLog.log('Render success');
  }

  handleDeviceDPR() {
    const dpr = window.devicePixelRatio || 1;
    const viewportEl = document.querySelector('[name="viewport"]');

    if (viewportEl) {
      const viewportContent = viewportEl.getAttribute('content') || '';
      const initialScale = viewportContent.match(/initial-scale=\d+(\.\d+)?/);
      const scale = initialScale
        ? parseFloat(initialScale[0].split('=')[1])
        : 1;
      if (scale < 1) {
        this.root!.style.fontSize = `${14 * dpr}px`;
      }
    }
  }
}

const INTERNAL_PLUGINS = [
  new ConsolePlugin(),
  new ErrorPlugin(),
  new NetworkPlugin(),
  new StoragePlugin(),
  new DatabasePlugin(),
  new PagePlugin(),
  new SystemPlugin(),
];

INTERNAL_PLUGINS.forEach((p) => {
  PageSpy.registerPlugin(p);
});

export default PageSpy;

1	import type { InitConfig } from 'page-spy-browser/types/index';	2✔
2	import copy from 'copy-to-clipboard';	2✔
3	import { getRandomId, isArray, isClass, psLog } from 'base/src';	2✔
4	import { ROOM_SESSION_KEY } from 'base/src/constants';	2✔
5	import type {	2✔
6	PageSpyPlugin,	2✔
7	PageSpyPluginLifecycle,	2✔
8	PageSpyPluginLifecycleArgs,	2✔
9	PluginOrder,	2✔
10	} from '@huolala-tech/page-spy-types';	2✔
11	import { Modal } from './component/modal';	2✔
12	import { Content } from './component/content';	2✔
13		2✔
14	import ConsolePlugin from './plugins/console';	2✔
15	import ErrorPlugin from './plugins/error';	2✔
16	import NetworkPlugin from './plugins/network';	2✔
17	import SystemPlugin from './plugins/system';	2✔
18	import PagePlugin from './plugins/page';	2✔
19	import { StoragePlugin } from './plugins/storage';	2✔
20		2✔
21	import socketStore from './helpers/socket';	2✔
22	import Request from './api';	2✔
23		2✔
24	import type { UElement } from './helpers/moveable';	2✔
25	import { moveable } from './helpers/moveable';	2✔
26	import './index.less';	2✔
27	// eslint-disable-next-line import/order	2✔
28	import { Config } from './config';	2✔
29	import { DatabasePlugin } from './plugins/database';	2✔
30	import { Toast } from './component/toast';	2✔
31	import { SocketState } from 'base/src/socket-base';	2✔
32		2✔
33	const Identifier = '__pageSpy';	2✔
34		2✔
35	class PageSpy {	2✔
36	root: HTMLElement \| null = null;	2✔
37		24✔
38	version = PKG_VERSION;	24✔
39		24✔
40	static plugins: Record<PluginOrder \| 'normal', PageSpyPlugin[]> = {	24✔
41	pre: [],	4✔
42	normal: [],	4✔
43	post: [],	4✔
44	};	4✔
45		4✔
46	static get pluginsWithOrder() {	4✔
47	return [	68✔
48	...PageSpy.plugins.pre,	68✔
49	...PageSpy.plugins.normal,	68✔
50	...PageSpy.plugins.post,	68✔
51	];	68✔
52	}	68✔
53		4✔
54	request: Request \| null = null;	4✔
55		4✔
56	// System info: <os>-<browser>:<browserVersion>	4✔
57	name = '';	4✔
58		4✔
59	// Room address	4✔
60	address = '';	4✔
61		4✔
62	// Completed websocket room url	4✔
63	roomUrl = '';	4✔
64		4✔
65	socketStore = socketStore;	4✔
66		4✔
67	config = new Config();	4✔
68		4✔
69	static instance: PageSpy \| null = null;	24✔
70		24✔
71	cacheTimer: ReturnType<typeof setInterval> \| null = null;	2✔
72		2✔
73	static registerPlugin(plugin: PageSpyPlugin) {	2✔
74	if (!plugin) {	28!
75	return;	×
76	}	×
77	if (isClass(plugin)) {	28!
78	psLog.error(	×
79	'PageSpy.registerPlugin() expect to pass an instance, not a class',	×
80	);	×
81	return;	×
82	}	×
83	if (!plugin.name) {	28!
84	psLog.error(	×
85	`The ${plugin.constructor.name} plugin should provide a "name" property`,	×
86	);	×
87	return;	×
88	}	×
89	const isExist = PageSpy.pluginsWithOrder.some(	28✔
90	(i) => i.name === plugin.name,	28✔
91	);	28✔
92	if (isExist) {	28!
93	psLog.error(	×
94	`The ${plugin.name} has registered. Consider the following reasons:	×
95	- Duplicate register one same plugin;	×
96	- Plugin's "name" conflict with others, you can print all registered plugins by "PageSpy.plugins";`,	×
97	);	×
98	return;	×
99	}	×
100	const currentPluginSet = PageSpy.plugins[plugin.enforce \|\| 'normal'];	28✔
101	currentPluginSet.push(plugin);	28✔
102	}	28✔
103		2✔
104	constructor(init: InitConfig = {}) {	2✔
105	if (PageSpy.instance) {	24✔
106	psLog.warn('Cannot initialize PageSpy multiple times');	2✔
107	// eslint-disable-next-line no-constructor-return	2✔
108	return PageSpy.instance;	2✔
109	}	2✔
110	PageSpy.instance = this;	22✔
111		22✔
112	const config = this.config.mergeConfig(init);	22✔
113		22✔
114	this.updateConfiguration();	22✔
115	this.triggerPlugins('onInit', { config, socketStore });	22✔
116	this.init();	22✔
117	}	22✔
118		2✔
119	triggerPlugins<T extends PageSpyPluginLifecycle>(	2✔
120	lifecycle: T,	40✔
121	...args: PageSpyPluginLifecycleArgs<T>	40✔
122	) {	40✔
123	const { disabledPlugins } = this.config.get();	40✔
124	PageSpy.pluginsWithOrder.forEach((plugin) => {	40✔
125	if (	280✔
126	isArray(disabledPlugins) &&	280✔
127	disabledPlugins.length &&	280!
128	disabledPlugins.includes(plugin.name)	×
129	) {	280!
130	return;	×
131	}	×
132	// eslint-disable-next-line prefer-spread	280✔
133	(plugin[lifecycle] as any)?.apply(plugin, args);	280✔
134	});	40✔
135	}	40✔
136		2✔
137	async init() {	2✔
138	const config = this.config.get();	22✔
139		22✔
140	// Online real-time mode	22✔
141	if (config.offline === false) {	22✔
142	this.request = new Request(config);	22✔
143		22✔
144	const roomCache = sessionStorage.getItem(ROOM_SESSION_KEY);	22✔
145	if (roomCache === null) {	22✔
146	await this.createNewConnection();	20✔
147	} else {	22✔
148	const { name, address, roomUrl, project: prev } = JSON.parse(roomCache);	2✔
149	if (config.project !== prev) {	2!
UNCOV 150	await this.createNewConnection();	×
151	} else {	2✔
152	this.name = name;	2✔
153	this.address = address;	2✔
154	this.roomUrl = roomUrl;	2✔
155	this.useOldConnection();	2✔
156	}	2✔
157	}	2✔
158	// reconnect when page switch to front-ground.	4✔
159	document.addEventListener('visibilitychange', () => {	4✔
160	// For browser, if the connection exist, no need to recreate.	×
161	if (!document.hidden && !socketStore.connectionStatus) {	×
162	this.useOldConnection();	×
163	}	×
164	});	4✔
165	}	4✔
166	psLog.log('Plugins inited');	4✔
167	if (config.autoRender) {	4✔
168	this.render();	4✔
169	}	4✔
170	}	22✔
171		2✔
172	updateConfiguration() {	2✔
173	const { messageCapacity, offline } = this.config.get();	22✔
174	socketStore.isOffline = offline;	22✔
175	socketStore.messageCapacity = messageCapacity;	22✔
176	}	22✔
177		2✔
178	abort() {	2✔
179	this.triggerPlugins('onReset');	6✔
180	socketStore.close();	6✔
181	PageSpy.instance = null;	6✔
182	const root = document.querySelector(`#${Identifier}`);	6✔
183	if (root) {	6!
184	document.documentElement.removeChild(root);	×
185	}	×
186	}	6✔
187		2✔
188	async createNewConnection() {	2✔
189	if (!this.request) {	20!
190	psLog.error('Cannot get the Request');	×
191	return;	×
192	}	×
193	const roomInfo = await this.request.createRoom();	20✔
194	this.name = roomInfo.name;	2✔
195	this.address = roomInfo.address;	2✔
196	this.roomUrl = roomInfo.roomUrl;	2✔
197	this.refreshRoomInfo();	2✔
198	socketStore.init(roomInfo.roomUrl);	2✔
199	}	2✔
200		2✔
201	useOldConnection() {	2✔
202	this.refreshRoomInfo();	2✔
203	socketStore.init(this.roomUrl);	2✔
204	}	2✔
205		2✔
206	// In FeiShu browser (Android, Chrome/75), due to the premature execution of synchronous render,	2✔
207	// when execute `document.documentElement.append(root)` in the `render` function,	2✔
208	// the browser will directly create a `body` element, and the final result is that	2✔
209	// there will be multiple `body` elements on the page,	2✔
210	// which leads to strange phenomena such as css style mismatches	2✔
211	render() {	2✔
212	const root = document.querySelector(`#${Identifier}`);	12✔
213	/* c8 ignore start */	2✔
214	if (root) {	2✔
215	psLog.warn('Cannot render the widget because it has been in the DOM');	2✔
216	return;	2✔
217	}	2✔
218	if (document !== undefined) {	2✔
219	if (document.readyState === 'loading') {	2✔
220	window.addEventListener('DOMContentLoaded', this.render.bind(this));	2✔
221	} else {	2✔
222	this.startRender();	2✔
223	}	2✔
224	} else {	2✔
225	// if document does not exist, wait for it	2✔
226	let timer: ReturnType<typeof setTimeout>;	2✔
227	const pollingDocument = () => {	2✔
228	if (!!document && document.readyState === 'complete') {	2✔
229	if (timer) {	2✔
230	clearTimeout(timer);	2✔
231	}	2✔
232	this.startRender();	2✔
233	} else {	2✔
234	timer = setTimeout(pollingDocument, 1);	2✔
235	}	2✔
236	};	2✔
237	timer = setTimeout(pollingDocument, 1);	2✔
238	}	2✔
239	/* c8 ignore stop */	2✔
240	}	12✔
241		2✔
242	refreshRoomInfo() {	2✔
243	this.saveSession();	4✔
244	this.cacheTimer = setInterval(() => {	4✔
NEW 245	if (socketStore.getSocket().getState() === SocketState.OPEN) {	×
NEW 246	this.saveSession();	×
247	}	×
248	this.saveSession();	×
249	}, 15 * 1000);	4✔
250	}	4✔
251		2✔
252	saveSession() {	2✔
253	const { name, address, roomUrl, config } = this;	4✔
254	const roomInfo = JSON.stringify({	4✔
255	name,	4✔
256	address,	4✔
257	roomUrl,	4✔
258	project: config.get().project,	4✔
259	});	4✔
260	sessionStorage.setItem(ROOM_SESSION_KEY, roomInfo);	4✔
261	}	4✔
262		2✔
263	startRender() {	2✔
264	const config = this.config.get();	12✔
265	const { project, clientOrigin, title, logo: logoUrl, logoStyle } = config;	12✔
266		12✔
267	const root = document.createElement('div');	12✔
268	root.id = Identifier;	12✔
269	this.root = root;	12✔
270		12✔
271	const logo = document.createElement('div');	12✔
272	logo.className = 'page-spy-logo';	12✔
273	const img = document.createElement('img');	12✔
274	img.alt = 'PageSpy Logo';	12✔
275	img.src = logoUrl;	12✔
276	img.width = 50;	12✔
277	img.height = 50;	12✔
278	Object.entries(logoStyle).forEach(([key, value]) => {	12✔
279	img.style[key as any] = value;	×
280	});	12✔
281	logo.insertAdjacentElement('beforeend', img);	12✔
282	root.insertAdjacentElement('beforeend', logo);	12✔
283	window.addEventListener('sdk-inactive', () => {	12✔
284	logo.classList.add('inactive');	×
285	});	12✔
286		12✔
287	const modal = new Modal();	12✔
288	const content = new Content({	12✔
289	content: `	12✔
290	<p><b>Device ID:</b> <span style="font-family: 'Monaco'">${	12✔
291	this.address.slice(0, 4) \|\| '--'	12✔
292	}</span></p>	12✔
293	<p><b>Project:</b> ${project}</p>	12✔
294	<p><b>Title:</b> ${title}</p>	12✔
295	`,	12✔
296	onOk: () => {	12✔
297	const text = `${clientOrigin}/#/devtools?address=${encodeURIComponent(	2✔
298	this.address,	2✔
299	)}`;	2✔
300	const copyRes = copy(text);	2✔
301	let message = '';	2✔
302	const langs = navigator.languages;	2✔
303	const isCN = ['zh-CN', 'zh-HK', 'zh-TW', 'zh'].some((l) => {	2✔
304	return langs.includes(l);	8✔
305	});	2✔
306	if (isCN) {	2!
307	message = copyRes ? '拷贝成功!' : '拷贝失败!';	×
308	} else {	2✔
309	message = copyRes ? 'Copy successfully!' : 'Copy failed!';	2!
310	}	2✔
311	Toast.message(message);	2✔
312	modal.close();	2✔
313	},	12✔
314	});	12✔
315	modal.appendNode(content.el!);	12✔
316	root.insertAdjacentElement('beforeend', modal.el);	12✔
317		12✔
318	function showModal(e: any) {	12✔
319	const { isMoveEvent } = logo as unknown as UElement;	4✔
320	/* c8 ignore next 3 */	2✔
321	if (isMoveEvent) {	2✔
322	return;	2✔
323	}	2✔
324	e.stopPropagation();	4✔
325	modal.show();	4✔
326	}	4✔
327	logo.addEventListener('click', showModal, false);	12✔
328	logo.addEventListener('touchend', showModal, false);	12✔
329	document.documentElement.insertAdjacentElement('beforeend', root);	12✔
330	moveable(logo);	12✔
331	this.triggerPlugins('onMounted', {	12✔
332	root,	12✔
333	content: content.el,	12✔
334	socketStore,	12✔
335	});	12✔
336	this.handleDeviceDPR();	12✔
337		12✔
338	psLog.log('Render success');	12✔
339	}	12✔
340		2✔
341	handleDeviceDPR() {	2✔
342	const dpr = window.devicePixelRatio \|\| 1;	12!
343	const viewportEl = document.querySelector('[name="viewport"]');	12✔
344		12✔
345	if (viewportEl) {	12!
346	const viewportContent = viewportEl.getAttribute('content') \|\| '';	×
347	const initialScale = viewportContent.match(/initial-scale=\d+(\.\d+)?/);	×
348	const scale = initialScale	×
349	? parseFloat(initialScale[0].split('=')[1])	×
350	: 1;	×
351	if (scale < 1) {	×
352	this.root!.style.fontSize = `${14 * dpr}px`;	×
353	}	×
354	}	×
355	}	12✔
356	}	2✔
357		2✔
358	const INTERNAL_PLUGINS = [	2✔
359	new ConsolePlugin(),	2✔
360	new ErrorPlugin(),	2✔
361	new NetworkPlugin(),	2✔
362	new StoragePlugin(),	2✔
363	new DatabasePlugin(),	2✔
364	new PagePlugin(),	2✔
365	new SystemPlugin(),	2✔
366	];	2✔
367		2✔
368	INTERNAL_PLUGINS.forEach((p) => {	2✔
369	PageSpy.registerPlugin(p);	28✔
370	});	2✔
371		2✔
372	export default PageSpy;	2✔

HuolalaTech / page-spy / 8830712124

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous