If you know CSS well, you might find the tooltips bothersome. The tooltip also has a Learn more link that takes you to an MDN CSS Reference on this property. How many times a day do you look up documentation on CSS properties? The Elements > Styles pane now shows you a short description when you hover over a property. # Elements > Styles updates # CSS documentation We look forward to seeing yours on the list!Ĭhromium issues: 1417104, 1413168. Get extensions for the Recorder by clicking the Export > Get extensions in a recording.įeel free to add your own extension to the list of Recorder Extensions. # Get extensionsĮxplore options to customize your recorder experience, for example, with custom export options. Run the Puppeteer script to get a Lighthouse report in a file. Open your recording, click Export, select the new option, and save the. With Lighthouse, you can capture and improve your website's performance. With Puppeteer, you can automate and control Chrome. The Recorder introduces a new export option: Puppeteer (including Lighthouse analysis). # Export as a Puppeteer script with Lighthouse analysis Record your interaction with elements in the shadow DOM and inspect the corresponding step.Ĭhromium issue: 1411188. Start a new recording on a page with shadow DOM and check Pierce in Selector types to record. These selectors behave like CSS ones but can also pierce through shadow roots. In addition to custom, CSS, ARIA, text, and XPath selectors, you can now record using pierce selectors. To customize the Recorder to your needs and integrate it with your tools, consider developing your own extension: explore the API and check out more extension examples.Ĭhromium issue: 1400243. Select the new custom replay option to open the custom replay UI. The Recorder introduces support for custom replay options that you can embed into DevTools with an extension. # Recorder updates # Replay extensions support
0 kommentar(er)
