How to view logs of oauth.js in Google example code
I am trying to follow the code in this Chrome Developers documentation and some things were going wrong so I thought I would add some console.log messages from my oauth.js.
I can see the log message from my foreground javascript directly in chrome by right-clicking on any page and selecting "inspect"... and I can view the logs of my background javascript by selecting "service worker" from the manage extensions page... but viewing logs from oauth.js ? - I have no idea how or where to view them.
I know some console.log() calls must have been made just by inspecting the error report below:
Given that such a long time has passed without any answers I have thrashed around and come up with the following thoughts about viewing logs in chrome extensions.
There appear to be three different scenarios for executing JavaScript in a chrome extension and viewing the logs of each of them is achieved very differently...
We have the "content script". To view the logs of these just right click on the main body of your browser and select "developer tools" then "inspect" and navigate to the "console" display.
We have the "service worker" which is JavaScript that runs all the time. To view those logs we need to go to the "manage extensions" page then click the extension's "Inspect views service worker" link (only visible when developer mode is selected)
We have any JavaScript that is called from the "default_popup". To view this you must first make the popup appear by clicking on the extensions's icon in the top toolbar of chrome. Then right click within the popup display itself and select "developer tools" then "inspect".
One extra quirk people should know is that the service worker will never be shut down while logs are being viewed. So if you are viewing the service worker's logs and you want to reload a new version of the extension then you must close the viewing window first.
- Chunk downloading of the big files right to the hard drive
- My custom CSS transition animation is not working on hover after I added AOS JS library
- how to get the Google analytics client ID
- Toggle vue-multiselect close/open on button click
- Best way to filter an objects's properties for data
- Passing function with arguments as a prop and invoking it internally in React
- Outlook calendar don't render with FullCalendar
- Is there a way to validate and allow only https url's using .isUri i.e. without using Regex in JavaScript?
- How to clear react native webview cookies?
- Skipping a test in Cypress conditionally
- How can I get all the HTML in a document or node containing shadowRoot elements
- Typescript: No index signature with a parameter of type 'string' was found on type '{ "A": string; }
- Retain Twitter Bootstrap Collapse state on Page refresh/Navigation
- How to get "Results per Row" (from a 'clicked entry' off a "dropdown menu") to show up correctly?
- Is there is a C# function which is similar to .Map() in JavaScript?
- How to trigger SVG render same as manual DOM edit in Chrome using JS?
- How do I test a Node.JS Script that is not a module and runs as soon as it's called?
- Set element width based on a string that is not in the element
- Testing JavaScript Written for the Browser in Node JS
- Where are the trailing commas coming from in these radio buttons?
- How to verify a signature from the Phantom wallet?
- How to get the value of a Google Chrome flag using Javascript
- event.preventDefault cannot block clipboard paste in chatgpt.com prompt box
- Should I use ref or findDOMNode to get react root dom node of an element?
- Disable button for 5 seconds with different label and change after it
- JavaScript - Get all but last item in array
- React-Redux: Should all component states be kept in Redux Store
- Is it possible to use Closure Compiler ADVANCED_OPTIMIZATIONS with jQuery?
- Capture selected option returns not defined instead
- Uncaught TypeError: matchExpr[type].exec is not a function