Reference source: What ‘s New In DevTools (97) Chrome developer.chrome.com/en/blog/new… ** All the new features were first released in Chrome’s Canary channel. To check out the new features mentioned in this article, download the Canary Channel version of Chrome. All links in this article require their own ladders.
New feature a: new Recorder panel to support macro recording
This is a preview feature (early access) that allows you to record your interactions with the page (clicking, typing, scrolling, etc.) and then play them back (similar to macro recording in the editor), or use the Performance panel to automatically measure the recording process.
UI interface as shown below, click “Start New Recording “to enter recording
The interface after recording is shown in the following figure. The Replay button is for playback, and the Measure Performance button is for performance panel to play back and Measure performance. The interaction process of recording is displayed further down. Specific usage documents can be viewedThis link.
Alternatively, you can export the recordings as Puppeteer scripts by clicking the button to the left of the delete button in the image above.
New feature 2: Updated device list
The following figure
New feature 3: Automatic completion of attribute names when editing HTML in the Element panel
The following figure
New feature 4: Settings in developer tools support cross-device synchronization
The diagram below. At present this is an experimental property and its stability remains to be seen.
To issue the document
The Chrome developer tools 96 new features www.mubucm.com/doc/UofVw7v…
Chrome update log directory mubu.com/doc/AObcWUR…
Other instructions
In this paper, at the same time release and the curtain platform: www.mubucm.com/doc/uCZs1qk… Gold mining platform: juejin.cn/post/703886… Author: Xilou Listening to the Rain (wechat name T.T.)