将配置添加到应用程序模块environment.production ? ServiceWorkerModule.register('./ngsw-worker.js') : []
并serviceWorker
在 .angular-cli.json 中启用后,我的应用程序在通过 Chrome 安装在我的设备(LG G6)display
上并在我的设备上打开standalone
或fullscreen
打开后在我的设备上设置 manifest.json 中的属性后,应用程序始终在浏览器中打开在新标签中。当我删除 Service Worker 配置(应用模块中的行)时,仅在独立或全屏模式下打开清单的应用。
安装应用程序后,应用程序应以 stadalone 或全屏模式打开,取决于 manifest.json 中的设置值。
我有使用 4.3 版生成并更新到 5.1.3 的应用程序,添加 @angular/service-worker 并build
使用--prod
. 为了为应用程序提供服务,我在我的 chrome 中使用端口转发。
清单文件
{
"short_name": "FindPark",
"name": "Find Nearby Car Parks",
"start_url": "/search",
"theme_color": "#206886",
"background_color": "#ffffff",
"display": "standalone",
"orientation": "portrait",
"icons": [
{
"src": "/assets/favicon-72x72.png",
"sizes": "72x72",
"type": "image/png"
},
{
"src": "/assets/favicon-96x96.png",
"sizes": …
Run Code Online (Sandbox Code Playgroud) 我只是在构建一个静态HTML页面,我想使其可安装。
{
"name": "YYY",
"short_name": "YYY",
"icons": [
{
"src": "android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
}
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone",
"start_url":"index.html"
}
Run Code Online (Sandbox Code Playgroud)
<head>
<link rel="apple-touch-icon" sizes="180x180" href="https://xxx.png">
<link rel="icon" type="imageits-not-the-real-one/png" href="https://xxx.png"
sizes="32x32">
<link rel="icon" type="imageits-not-the-real-one/png" href="https://xxx.png"
sizes="16x16">
<link rel="manifest" href="https://my-manifest-its-not-the-real-one.json">
..
Run Code Online (Sandbox Code Playgroud)
清单:忽略属性“ start_url”,其来源应与文档相同。
当您使用 Vue CLI 3.0 生成应用程序并选择 PWA 支持时。它生成一个public/manifest.json
文件。但是,这些设置不会在元标记中使用,例如更改文件中的主题颜色manifest.json
不会更改<meta name="theme-color" ...>
标记。
要配置它,您必须遵循自述文件@vue/cli-plugin-pwa
并在文件中添加选项vue.config.js
。
那么这个manifest.json
文件有什么用呢?
我想在移动设备/模拟器上进行调试并将其动态指向API。
const {manifest} = Expo.Constants;
const api = manifest.packagerOpts.dev
? manifest.debuggerHost.split(':').shift().concat(':3000')
: 'productionurl.com'
export function getEvents(){
return fetch('http://${api}/events')
.then(response => response.json())
.then(events => events.map(e =>({ ...e, date: new Date(e.date)})));
}
Run Code Online (Sandbox Code Playgroud)
我收到以下错误:
未定义不是对象(正在评估'_expo.default.Constants')
大家!
我在部署我的Shiny App时遇到了问题.部署应用程序时,我得到以下控制台输出:
Preparing to deploy application...DONE
Uploading bundle for application: 177552...DONE
Deploying bundle: 813581 for application: 177552 ...
Waiting for task: 383835116
building: Parsing manifest
################################ Begin Task Log ################################
################################# End Task Log #################################
Error: Unhandled Exception: Child Task 383835121 failed: Error parsing manifest: Manifest file manifest.json checksum mismatch
Execution halted
Run Code Online (Sandbox Code Playgroud)
请考虑以下事实:
我该怎么做才能解决这个问题?非常感谢!如有必要,请随时向我询问更多详情.
我的页面中有这一行指向 manifest.json 文件:
<link rel="manifest" href="https://www.seekadventure.net/manifest.json">
Run Code Online (Sandbox Code Playgroud)
您可以在此处的 chrome 控制台中看到它未被识别:
他们的特殊权限等是否需要在 manifest.json 文件上设置?
html google-chrome manifest progressive-web-apps manifest.json
我制作了一个 PWA 应用程序,"display": "standalone"
在清单中。我的理解是我的应用程序应该在没有地址栏的情况下在本地启动。但是,有一个地址栏。
我究竟做错了什么?我正在运行 Chrome 70。问题发生在 OSX 和 Linux 上。我没有检查 Windows。我的应用程序托管在https://www.themendapp.com。
请指教。
我正在尝试更新 Manifest V3 的简单扩展。我一定做错了什么,因为诸如此类的简单标签permissions
无法正常工作...我知道 Chrome 正在读取该节,因为如果我输入虚假权限,我会收到错误,但 about://extensions 不会没有显示contextMenus
我的扩展程序的许可,即使它在那里。并且chrome.contextMenus
未定义,所以我无法创建我的菜单。
Manifest V3 是否还处于半生不熟状态,尚未准备好迎接黄金时段,或者我正在做一些被默默忽略的愚蠢事情?
{
"manifest_version": 3,
"name": "TESS+",
"version": "0.043",
"description": "TESS+ -- My browser extension",
"icons": {
"48": "TESS+Icon.png"
},
"content_scripts": [
{
"matches": ["*://tmsearch.uspto.gov/bin/showfield*" ],
"js": ["jquery-3.6.0.min.js", "tess+.js", "FH.js", "DateTime.js"]
}
],
"background": {
"service_worker": "tess-bg.js"
},
"web_accessible_resources": [
{
"resources": [ "TESS+Button.png" ],
"matches": [ "https://tsdr.uspto.gov/*" ]
}
],
"permissions": [
"contextMenus"
],
"host_permissions": [
"http://tsdr.uspto.gov/",
"https://tsdr.uspto.gov/"
]
}
Run Code Online (Sandbox Code Playgroud) google-chrome browser-extension google-chrome-extension manifest.json
我想在用户访问登陆页面的清单中创建 start_url 。 https://example.com/1234 https://example.com/4321
这是我的php来获取整个url {{ Request::fullUrl() }} 我放在“start_url”:“{{ Request::fullUrl() }}”,它不会在json文件中获取。
我曾尝试将manifest.json更改为manifest.php,但不知道如何将json内容转换为php以使其工作。
<link rel="manifest" href="/_manifest.php?start_url=val" data-pwa-version="set_in_manifest_and_pwa_js">
Run Code Online (Sandbox Code Playgroud)
我知道这是老问题,我在互联网上搜索仍然找不到解决方案。 根据添加到主屏幕的 URL 在 Web 应用程序清单中设置 start_url 这没有解决方案。删除 start_url 不会使 PWA 工作。
有专家可以帮助我吗?欣赏!我是编码新手,请原谅我的知识有限。
html ×2
manifest ×2
angular ×1
displaymode ×1
expo ×1
javascript ×1
json ×1
r ×1
react-native ×1
shiny ×1
vue-cli ×1
vue.js ×1
vuejs2 ×1