该网站图标发电机组装包网站管理员,以便使用具有可用于许多不同的设备的图标.该页面附带一个名为的文件,该文件site.manifest通过网页文档中的以下标记链接<head>:
<link rel="manifest" href="site.webmanifest">
根据Mozilla的说法:"Web应用程序清单在JSON文本文件中提供有关应用程序(如名称,作者,图标和描述)的信息.清单的目的是将Web应用程序安装到设备的主屏幕上,提供用户访问速度更快,体验更丰富."
不幸的是,如果您使用的是Microsoft的Internet信息服务(IIS),如果您尝试访问该site.webmanifest文件,则会收到404.3错误.
确切的错误消息如下:"由于扩展配置,无法提供您请求的页面.如果页面是脚本,请添加处理程序.如果要下载文件,请添加MIME映射."
如何正确地site.webmanifest在IIS中提供文件？
“任意” 和 “自然” 和有什么不一样？
“景观”、“景观主要” 和 “景观次要” 和有什么不一样？
“肖像”、“肖像主”和“肖像次要”有什么区别？
我必须承认，我不知道服务工作者是什么（TL；DR），但是在阅读了互联网和SO之后，似乎要让 Web 应用程序清单正常工作，您需要一个。
\n\n我真的需要这个额外的脚本（服务工作人员）才能在 Android 上使用 Web App Manifest 提供主屏幕选项吗？
\n\n这是我的/manifest.webmanifest：
{\n "short_name": "autocustos",\n "name": "Calculadora dos Custos do Autom\xc3\xb3vel",\n "icons": [\n {\n "src": "/favicon32x32.png",\n "type": "image/png",\n "sizes": "32x32"\n },\n {\n "src": "/favicon72x72.png",\n "type": "image/png",\n "sizes": "72x72"\n },\n {\n "src": "/favicon114x114.png",\n "type": "image/png",\n "sizes": "114x114"\n },\n {\n "src": "/favicon144x144.png",\n "type": "image/png",\n "sizes": "144x144"\n },\n {\n "src": "/favicon192x192.png",\n "type": "image/png",\n "sizes": "192x192"\n }\n ],\n "start_url": "/PT",\n "scope": "/",\n "background_color": "#F4F6FE",\n "display": "fullscreen",\n "theme_color": "#F4F6FE"\n}\n …我正在构建一个渐进的Web应用程序.我从create-react-app开始使用样板文件.然后我添加了一个Web应用程序清单.
应用程序/公/ manifest.json的
{
"short_name": "First Contributions",
"name": "First Contributions",
"icons": [
{
"src": "/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/android-chrome-256x256.png",
"sizes": "256x256",
"type": "image/png"
}
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone",
"start_url": "index.html"
}
将此链接到 index.html
应用程序/公/ index.html的
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<title>First Contributions</title>
</head>
<body>
<div id="root"></div>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('service-worker.js').catch(function(ex) {
console.warn(ex);
console.warn('(This warning can …什么价值应该采取splash_pages财产manifest.json？
默认情况下它是 null
我已经使用了 firebase manifest generator 并且这个属性得到了 null 值，我想知道它应该取什么值？是所有浏览器都支持还是仅 Chrome 支持
谢谢！
javascript manifest reactjs progressive-web-apps web-manifest