X
Tap here to go to the mobile version of the site.

Support Forum

Can manifest.json be checked/debugged in dev tools?

Posted

Chrome dev tools have a tab labeled "Application" here you can view the manifest.json of a PWA and determine if it is installable or if there is a problem with it.

Can this feature be added to the dev tools in Firefox? Especially with so much of the web already being developed for PWA's rather than native apps, it would be a big help in debugging this file without using Chrome.

Chrome dev tools have a tab labeled "Application" here you can view the manifest.json of a PWA and determine if it is installable or if there is a problem with it. Can this feature be added to the dev tools in Firefox? Especially with so much of the web already being developed for PWA's rather than native apps, it would be a big help in debugging this file without using Chrome.
Quote

Additional System Details

Installed Plug-ins

Plugins wouldn't impact anything in this question. Nor would the OS.

Application

  • User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:68.0) Gecko/20100101 Firefox/68.0

More Information

cor-el
  • Top 10 Contributor
  • Moderator
17419 solutions 157385 answers
You can check a manifest.json file via the about:debugging page. *https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json *https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Browser_compatibility_for_manifest.json
Was this helpful to you?
Quote

Question owner

about:debugging has the ability to debug Add-ons, Tabs and Workers (service workers) and in Firefox Dev we can do temporary extensions, extensions, service workers, shared workers and other workers... Nowhere could I find anything related to manifest.json in these browsers.

about:debugging has the ability to debug Add-ons, Tabs and Workers (service workers) and in Firefox Dev we can do temporary extensions, extensions, service workers, shared workers and other workers... Nowhere could I find anything related to manifest.json in these browsers.
Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
8638 solutions 70669 answers

Helpful Reply

I don't think Firefox supports PWA's yet on desktop OSes. Or was that added recently?

The Dev Tools team has its own forum over here if you have questions or want to suggest new features specifically for dev tools:

https://discourse.mozilla.org/c/devtools

I don't think Firefox supports PWA's yet on desktop OSes. Or was that added recently? The Dev Tools team has its own forum over here if you have questions or want to suggest new features specifically for dev tools: https://discourse.mozilla.org/c/devtools
Was this helpful to you? 1
Quote
cor-el
  • Top 10 Contributor
  • Moderator
17419 solutions 157385 answers
See also: *https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Introduction *https://developer.mozilla.org/en-US/docs/Web/Manifest
Was this helpful to you?
Quote

Question owner

jscher2000,

It isn't about desktop PWA's. Simply about being able to inspect the manifest.json within the developer tools while developing a PWA. Results simply parse the file and display icons, etc. and informs if it meets standards to be installed on a mobile device as a PWA. Just a handy convenience....

I knew we could inspect extension manifest files using about:debugging.

Example of the benefit was the manifest was considered invalid in both Chrome and Safari because of comments in a json file, while Android would accept it and install just fine...

Thanks for your answer and I will add it to the dev tools as a feature request...

jscher2000, It isn't about desktop PWA's. Simply about being able to inspect the manifest.json within the developer tools while developing a PWA. Results simply parse the file and display icons, etc. and informs if it meets standards to be installed on a mobile device as a PWA. Just a handy convenience.... I knew we could inspect extension manifest files using about:debugging. Example of the benefit was the manifest was considered invalid in both Chrome and Safari because of comments in a json file, while Android would accept it and install just fine... Thanks for your answer and I will add it to the dev tools as a feature request...
Was this helpful to you?
Quote
hellosct1 14 solutions 147 answers

Hi,

the equivalent of "Application" for Chrome in the manifest.json file

is for Firefox

browser_specific_settings

for Firefox

I'm thinking of an idea that is to create your own devtools panel in the form of a web extension

I share with you an example I created

example Devtools panels

and the documentation MDN WebExtensions

best regard

Hi, the equivalent of "Application" for Chrome in the manifest.json file is for Firefox [https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_settings browser_specific_settings] for Firefox I'm thinking of an idea that is to create your own devtools panel in the form of a web extension I share with you an example I created [https://github.com/mdn/webextensions-examples/tree/master/devtools-panels example Devtools panels] and the documentation [https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions MDN WebExtensions] best regard

Modified by hellosct1

Was this helpful to you?
Quote
Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.