# Emulate slow network connections from the Network conditions drawer Toggle the WS filter, click your connection name, open the Messages tab, and check the time difference between sent and echoed messages with and without throttling.On the Network panel, select the profile and send another message.Such a slow profile will help you notice the difference. Create a very slow custom throttling profile, for example, 10 kbit/s.On the Network panel, select No throttling and send a message through the connection.Initiate a new connection, for example, by using a test tool.In addition to HTTP requests, DevTools throttles WebSocket connections since version 99. Set up a new throttling profile as described in Settings > Throttling.īack on the Network panel, select your new profile from the Throttling drop-down menu.ĭevTools displays a warning icon next to the Network panel to remind you that throttling is enabled. Open the Throttling menu and select Custom > Add. In addition to presets, such as slow or fast 3G, you can also add your own custom throttling profiles: To emulate slow 3G, fast 3G, and other connection speeds, select the corresponding options from the Throttling menu.ĭevTools displays a warning icon next to the Network tab to remind you that throttling is enabled. To simulate a completely offline network experience, select Offline from the Network throttling drop-down menu next to the Disable cache checkbox.ĭevTools displays a warning icon next to the Network tab to remind you that offline is enabled. When you're building this type of app, it's useful to be able to quickly simulate a device that has no data connection. There's a new class of web apps, called Progressive Web Apps, which can function offline with the help of service workers. To manually clear the browser cache at any time, right-click anywhere in the Requests table and select Clear browser cache. Check or uncheck the Disable cache checkbox.Click the icon to open the Network Conditions drawer.If you want to disable the cache while working in other DevTools panels, use the Network conditions drawer. # Disable the browser cache from the Network conditions drawer This more accurately emulates a first-time user's experience, because requests are served from the browser cache on repeat visits. To emulate how a first-time user experiences your site, check the Disable cache checkbox. # Change loading behavior # Emulate a first-time visitor by disabling the browser cache Right-click the request and select Replay XHR.To replay an XHR request, do one of the following in the Requests table: Double-click a thumbnail to zoom in on it.Click a screenshot's thumbnail to filter out any requests that occurred after the screenshot was captured. ![]() A yellow line appears on the Overview pane. ![]()
0 Comments
Leave a Reply. |