manifest.json | 易学教程

Hide address bar in Progressive Web Applications

阅读更多关于 Hide address bar in Progressive Web Applications

问题 I'm developing a PWA with VueJS. I started testing my application in real devices (Add to home screen). My application is intended to be 100% height, as it displays a map as you can see: It seems that sometimes, transitions that appear from outside the viewport height, makes the address bar appear at the top of the page. For a PWA, I think this behaviour makes the app feel less native, and also, breaks my design (The button at bottom center and the whole map container are not visible unless

Safari Web Extension - injecting script only when extension button is clicked

阅读更多关于 Safari Web Extension - injecting script only when extension button is clicked

问题 To keep it simple, I am taking reference for SeaCreator extension example from Apple. You can take it from here: https://drive.google.com/file/d/1loBDgkJAEtyh0QehOUlgOSyUnW9ZZDk6/view?usp=sharing In this example as mentioned, we are replacing fish names with different emojis . The thing is when we tap on the extension icon, it turns into blue to indicate the extension is active and whenever any page is rendered, all fish names will be automatically replaced with emojis. See screenshot -> What

Manifest.json Unexpected Token

阅读更多关于 Manifest.json Unexpected Token

问题 Hello I pushed a react/express project up to heroku (https://polar-oasis-57801.herokuapp.com/) and received the following errors in the console: Chrome console error messages I tried looking up this error and it seems that I need to change something in my manifest.json file but I'm not sure. Any advice would help. Here's my manifest file: { "short_name": "React App", "name": "Create React App Sample", "icons": [ { "src": "favicon.ico", "sizes": "64x64 32x32 24x24 16x16", "type": "image/x-icon

Manifest.json Unexpected Token

阅读更多关于 Manifest.json Unexpected Token

The display: “standalone” PWA does not remove address bar

阅读更多关于 The display: “standalone” PWA does not remove address bar

问题 I made a PWA app, with "display": "standalone" in the manifest. My understanding is that my app should launch locally without the address bar. However, there is an address bar. What am I doing wrong? I am running Chrome 70. The problem happens on OSX and Linux. I did not check Windows. My app is hosted at https://www.themendapp.com. Please advise. 回答1: PWA app shows the address bar when you try to navigate the pages outside of scope . Otherwise it will hide the address bar and show the page

Can't get rid of missing manifest.json error

阅读更多关于 Can't get rid of missing manifest.json error

问题 I'm building an ASP.NET Core app with ReactJs front-end in Visual Studio 2017. Recently, I started to notice the missing manifest.json error in the console -- see below. It doesn't seem to effect my app but I do want to get rid of this error. If I view my app in Edge, I don't see the missing manifest.json error so this error seems to be contained to Chrome only. I published the app to Azure and again, in Chrome, I'm getting the same error but not in Edge. Any idea how I can solve it? 回答1:

Manifest: Line: 1, column: 1, Syntax error on Chrome browser

阅读更多关于 Manifest: Line: 1, column: 1, Syntax error on Chrome browser

问题 I have a react app that built through npm run build. GET and POST request from the front-end to back-end gives status 200 but I am getting a weird error that may cause all the images from my files not appear on localhost. I have already tried to reinstall node, added 'manifest_version': 2 as it is the current version of chrome manifest. Click here for inspect screenshot Manifest: Line: 1, column: 1, Syntax error. Below is my index.html file <!doctype html> <html lang="en"> <head> <meta

Programmatic method to let the user modify the manifest.json content of a Chrome extension

阅读更多关于 Programmatic method to let the user modify the manifest.json content of a Chrome extension

问题 I am developing a Chrome extension for use with the Canvas LMS. A problem with this is that Canvas subscribers have different URLs which do not have a common top level domain. For instance, my University's Canvas site has the URL canvas.gu.se while another school might have canvas.myschool.edu . But I can't enter "matches":"https://canvas.*/*" in the manifest.json file, since top-level wildcards are not allowed (see this post for elaboration). Instead, I have to enter "matches":"https://*/*"

How can I wake up service worker when browser closed

阅读更多关于 How can I wake up service worker when browser closed

问题 I am playing with service worker stuff. I already made it as well as manifest json. I want to trigger service worker start after following scenario: Added push integration and sending push notification from server side. Received it in client side, but only if I am in my application page. Here are the steps what I want to try to start service worker: I opened the web page for the first time Service - Worker is installed I totally close the browser I re-open the browser Now I need to trigger

Why is there a white screen between the splash screen and rendered content of my progressive mobile web app and is there a way to remove it?

阅读更多关于 Why is there a white screen between the splash screen and rendered content of my progressive mobile web app and is there a way to remove it?

问题 I have installed my mobile web app to the homescreen of my Android phone. When I start the app, the splash screen is displayed with the app icon, name, and background color defined in my manifest.json file. Right after the splash screen disappears, a white screen flickers briefly and then the expected html content is displayed. How do I get rid of this white screen? I have discovered that reducing the file size of my coin-toss.html file (which is my start page) and removing <link> tags can