google-chromegoogle-chrome-devtools
New debug icon "Step F9" in Chrome Dev Tools
So what does this actualy do?
I searched trough the release notes of the Chrome Dev Tools and couldn't find a trace of it. None of the tutorials out there don't mention it either so I'm guessing it's new.
Experimenting with some code I seems to behave the same as "Step Into" and couldn't find a difference.
Solution
They have changed the existing "step into" button so it will now step into async functions (such as setTimeout).
So this new "Step F9" button works in the same way as the old "step into" button used to work, whereby it will step over the async function and onto the next line.
This page from google has a nice animated GIF which visually explains the above
https://developers.google.com/web/updates/2018/01/devtools#async
- Retrieve a request using the requestId after the response is received in Firefox extension
- Chrome DevTools Debugger freezing once it hits breakpoint
- handle both mouse and touch events on touch screens
- Is it possible to save MHTML with scripts included?
- Is there any way to use Web Share Api for other browsers than Chrome
- Process.Start(...) Suddenly Fails when Called by ASP.NET MVC 5 Running in IIS on Windows 10 and Windows Server 2019
- Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html"
- Finding JavaScript memory leaks with Chrome
- Video auto play is not working in Safari and Chrome desktop browser
- Google Chrome not launching on Ubuntu even after installing it
- Using Selenium on Mac Chrome
- Selenium - This version of ChromeDriver only supports Chrome version xx
- Debugging iframes with Chrome developer tools
- Chrome Print to PDF via Windows Command Prompt
- Using --js-flags in Google Chrome to get --trace output
- Using Google Charts in Chrome extension
- open multiple tabs on a single window by a single click using JavaScript
- Chrome DevTools - Performance Tab Summary
- What are the requirements for audio output in Chrome on Android?
- How can you hide the arrow that is displayed by default on the HTML5 <details> element in Chrome?
- How to use selenium with proxy auth in headless mode?
- How to detect ECMAscript version?
- autocomplete= off not working in chrome
- Why does menu item "Save all as har" no longer exist in chrome and what to do instead?
- How can I detect device touch support in JavaScript?
- WebDriverException: unknown error: DevToolsActivePort file doesn't exist while trying to initiate Chrome Browser
- Update source file when CSS is changed through Chrome developer tools
- Is there a way to attach a message to a tg:// handler url for telegram links on webpages?
- Text cursor bug in my Chrome browser that causes the blinking cursor to appear everywhere I click
- Input elements should have autocomplete attributes