The developer tools in Google Chrome have an Application panel.
This tool contains the page's manifest etc. But I can't find this tool in Firefox. Is there such a panel in the Firefox DevTools?
For anyone looking for answer in September 2019:
Firefox is working on an Application Panel, similar to one in Chrome. The progress can be tracked at Bugzilla.
Firefox devtools Application panel showing Manifest details
It is disabled by default (as of September 11, 2019) and can be enabled via devtools.application.enabled flag on about:config page.
For the manifest part, no, there isn't, because Firefox doesn't implement Web Manifest yet.
But the Firefox DevTools support the other parts of Chrome's Application panel, they are just placed somewhere else.
The storages (cache, cookies, Indexed DB, Local Storage, and Session Storage) can be inspected in the Storage panel.
Service Workers can be inspected on about:serviceworkers.
Related
This is something like a chrome extension changes the elements of a web page dynamically.
I am wondering if i can change the DOM elements of a chrome app from another chrome app or extension.
If this is possible, how can I do that ?
========================================================
Example:
There is a standalone chrome app working on the desktop
There is another app / extension works like a chrome app debugging tool which can access the content of that standalone app
The answer can be no, since when you are saying the DOM elements of a chrome extension, I guess you mean the popup/options page for the extension, its url starts with chrome://extensions while content script can't access this kind of page.
The answer can also be yes, since if you have control on both of the extension, you can do Cross-extension messaging, in this way, to some degree you can achieve change the DOM of a chrome extension from another extension.
I'd like to use only one browser (preferably safari, chrome oder firefox) where I have my bookmarks from the iCloud on my MacBook running Yosemite. Furthermore, I'd also like to have a page monitoring add on/extension for this certain browser. The methods I found so far are:
Two browsers: Safari for bookmarks and Chrome with Page Monitor add-on.
Chrome with page monitor and this add-on (works only on windows).
Using Safari and installing an extra app (Changes Meter) for monitoring. I tried this app, but it looks like it has troubles with the webpages I'm monitoring as it says after every check, that there were changes, although there weren't.
Using Chrome with Page Monitor and sync bookmarks between Chrome and Safari with Xmarks Sync. But this gives troubles, as iCloud and Xmarks don't really work out together, means the bookmarks I add in Chrome are synced with Xmarks to Safari, but then won't added to cloud bookmarks...
As these methods are not satisfying for me I'd like to ask if you have a solution for this (using one browser with both features)?
I installed firefox 29. The curious thing I noticed is that the updated browser's page https://www.mozilla.org/en-US/firefox/29.0/whatsnew/?oldversion=28.0 was able to open menus in my browser.
How can a website open menus in my browser? Is it domain restricted only to firefox or can I use this feature? If any one can do this, wont it be a security issue?
I'm playing with new-style packaged apps in Chrome 24, and I don't see any way to bring up Developer Tools to do debugging.
What's the recommended strategy for debugging?
go to here
chrome://inspect/
find the page you want
Starting on Chrome 24, you can right click and inspect your page or inspect the background page.
If your app doesn't have any open window to right click, you can go to chrome://extensions and use the Inspect Views links, from where you can open Developer Tools for any of your app pages, including those in the background.
Before Chrome 24, the only difference is that the background page could only be inspected using the chrome://extensions link, there was no "Inspect background page" in the right click menu.
UPDATE: If you want to debug an app installed from the Chrome Web Store, you need to enable the flag "Enable debugging for packed apps" in the chrome:flags page:
After that, right click will work on any app.
I've been able to right click the content area and inspect an element to get the dev tools to come up.
In the Google Chrome developer window, there is a Network tab that shows you all the resources that a web page loads over time. Is there a way to access this data in a Google Chrome extension?
CLARIFICATION: I want to make a Chrome extension that needs to read this data and do something based on what it reads. So I should have asked, "is there a Chrome Extension API that allows this?"
There is experimental API for accessing network resources. Being experimental means that to use it users need to enable experimental API flag in their settings, plus you won't be able to submit such extension to the gallery.
Right click on the web page, select "Inspect Element", select the network tab then refresh