Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Add ability to "refresh" the devtools panel

See original GitHub issue

Some issues wouldn’t be as bad (#165 #151 ) if we had a way for the user to manually “refresh” (really re-initialise) the devtools panel

We can use the heroicons reload icon:

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
</svg>

Some suggestions where we could add it (in the tabs, or next to the github icon), there’s probably a way to add it in the “components” tab body cc @stephenoldham

Issue Analytics

State:
Created 3 years ago
Comments:6 (3 by maintainers)

Top GitHub Comments

1reaction

HugoDFcommented, Mar 9, 2021

I’ll split that more granular data loading as a separate issue, it’ll be mostly a perf thing with UX benefits.

1reaction

stephenoldhamcommented, Mar 9, 2021

Oof the UX of having 3 refresh buttons 👀👀👀

Ha! ALL THE REFRESH BUTTONS! 😆

I think that might the most reasonable approach to be fair: top-level “refresh” in the tab bar

I agree. It’s simple and clear for users I think.

What we could do for the component data refresh is do it under the hood when a “component” gets selected in the left pane (that would be good for an eventual move to more granular data loading: first load components/names, when a component gets selected, load the relevant data).

Yeah really like that, makes a lot of sense.

Top Results From Across the Web

how can i update chrome.devtools.panels when watching?

I want refresh information in custom panel. but onShown could not refresh when watching panel. how can i or... must use setInterval() in...

chrome.devtools.panels - Chrome Developers

Use the chrome.devtools.panels API to integrate your extension into Developer Tools window UI: create your own panels, access existing panels, and add sidebars....

Firefox DevTools User Docs

Firefox Developer Tools is a set of web developer tools built into Firefox. You can use them to examine, edit, and debug HTML,...

How to do Hard Refresh in Chrome, Firefox, Edge and Mac's ...

There are two ways to hard refresh or reload Chrome, Firefox, IE and Mac's browser: hold down ctrl and click F5 or hold...

Improving Load Performance - Chrome DevTools 101

This tutorial shows you how to use Chrome DevTools to find ways to make your ... Kayce shows you how to audit a...