X
點擊此處開啟此網站的行動版。

技術支援討論區

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

已張貼

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.
引用

額外的系統細節

已安裝的外掛程式

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

應用程式

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

更多資訊

cor-el
  • Top 10 Contributor
  • Moderator
17346 個解決方法 156798 個答案
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
這篇文章有幫助嗎?
引用

提出問題者

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.
這篇文章有幫助嗎?
引用
jscher2000
  • Top 10 Contributor
8582 個解決方法 70191 個答案

有幫助的回覆

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
這篇文章有幫助嗎? 1
引用
cor-el
  • Top 10 Contributor
  • Moderator
17346 個解決方法 156798 個答案
See also: *https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Introduction *https://developer.mozilla.org/en-US/docs/Web/Manifest
這篇文章有幫助嗎?
引用

提出問題者

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...
這篇文章有幫助嗎?
引用
hellosct1
  • Top 25 Contributor
14 個解決方法 145 個答案

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

由 hellosct1 於 修改

這篇文章有幫助嗎?
引用
問個問題

如果您還沒有帳號,您必須先 登入您的帳號 來回覆文章。請 開始一個新問題