what are content scripts in chrome inspector
While this could be a very basic thing, I can't seem to find an answer to this one. I see a lot of discussion about content scripts. When I open web inspector in chrome, and select sources, I see a tab called content scripts. I see a couple of random numbers and a number of scripts and I can't seem to figure out what these are.
How are these being shown? where are these coming from? I can't see my server serving any of these.
In Google Chrome, content scripts are JavaScript files that are part of browser extensions. They operate on the web page much like regular javascript does, but from a protected scope (Google calls it an "Isolated World").
Content scripts have a few more privileges than ordinary javascript and, for that reason, content-script JS and page JS cannot ordinarily interact with each other.
When looking at that Content Scripts tab, you will see both the scripts added by any extensions (or by userscripts which are compiled into extensions in Chrome), and also content scripts that are built-in parts of the browser, specifically the API that extensions can use.
You can match extensions to those "random numbers" by opening the extensions tab (chrome://chrome/extensions), and activating Developer mode:
- View a Javascript method's contents in Chrome console
- How to get the FPS in chrome devtools
- AWS Elastic Load Balancing: Seeing extremely long initial connection time
- How do I switch to Chromes dark scrollbar like GitHub does?
- Setting HTML5 audio position
- Extend Google Docs with a chrome extension?
- google chrome inspect element - invalid property name - browser specific?
- How to specify browser language in Puppeteer
- Iframe "(Site Name) Refused to Connect." Error
- Content being read twice on focus of element + lots of "clickable"
- Set Chrome's language using Selenium ChromeDriver
- Using tesseract.js with manifestv3
- Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html"
- Show seconds on input type=date-local in Chrome
- Adding sub contextMenus in Google Chrome extension
- Grouped context menu items in a Chrome extension
- Is any better way to terminate chrome.exe on windows
- Disable Chrome pinch zoom for use in kiosk
- Live editing in Google Chrome
- WebDriverException: unknown error: DevToolsActivePort file doesn't exist while trying to initiate Chrome Browser
- SVG rect not showing up in firefox but works on chrome
- How to get 2x favicon in Chrome extension
- XAMPP won't update web source files until they're committed to Git on Chrome
- Freeze screen in chrome debugger / DevTools panel for popover inspection?
- How does setTimeout in a focusIn handler resolve before the click handler runs?
- Uncaught TypeError: Cannot set property 'onchange' of null
- Force refresh of CSS counter calculation
- How to delete all history of specific website in google chrome
- Cannot set cookies in Javascript
- Disable paste protection in Chrome DevTools?