How can I copy all text in Chrome's "Elements" inspector?

macos google-chrome webkit google-chrome-devtools inspector
10,803

I've found the answer to my question. The solution is mentioned obliquely in parentheses in step one of the following answer:

You have to right-click the topmost <html> element, and then click Edit as HTML.

The full code will now exist in a standard, editable text field, where you can finally Select All and Copy the text contents to the clipboard.

Share:
10,803
rubik's sphere
Author by

rubik's sphere

i am cube's younger sibling, sphere i do not envy my brother's notoriety and international status as a symbol of complexity he is such a square

Updated on June 19, 2022

Comments

  • rubik's sphere
    rubik's sphere almost 2 years

    I would like to copy all of the expanded code found in the "Elements" pane of Google Chrome's WebKit inspector to my clipboard. I'm on OS X.

    Here is a screenshot of this pane (on the left side of the screen):

    It appears that I am only able to select individual lines or sections, but not the entire text.

Recents

Why Is PNG file with Drop Shadow in Flutter Web App Grainy?
How to troubleshoot crashes detected by Google Play Store for Flutter app
Cupertino DateTime picker interfering with scroll behaviour
Why does awk -F work for most letters, but not for the letter "t"?
Flutter change focus color and icon color but not works
How to print and connect to printer using flutter desktop via usb?
Critical issues have been reported with the following SDK versions: com.google.android.gms:play-services-safetynet:17.0.0
Flutter Dart - get localized country name from country code
navigatorState is null when using pushNamed Navigation onGenerateRoutes of GetMaterialPage
Android Sdk manager not found- Flutter doctor error
Flutter Laravel Push Notification without using any third party like(firebase,onesignal..etc)
How to change the color of ElevatedButton when entering text in TextField

Related

Use Chrome's webkit inspector to remove an event listener
is it possible to run chrome in debug mode?
How to "inspect element" on scrollbar?
How do you expand all elements in the WebKit Inspector elements view?
Editing Javascript in Chrome real time, like Edit and Continue in Visual Studio
Chrome ignoring flex-basis in column layout
How to fix Native Host Has Exited error in Chrome browser extension -- Native Messaging
Styling scrollbar specifically inside a select type input with CSS
How to make chrome devtools to recognise moment.js
What is "User stylesheet" in Google Chrome's developer tools?