我看到我们可以使用https://whatwebcando.today/检查移动浏览器的功能,但是当不在前台运行时是否可以查询硬件API？
我的意思是......使用PWA,我能够构建一个应用程序,在后台运行时获取硬件信息,就像Octo U,Android一样,并将这些信息发布到Web服务器上？
我有一个带有清单的Web应用程序,指定"显示":"独立"模式.这个应用程序在Android上作为PWA一直很好用.我避免使用Apple的支持Apple-mobile-web-app的模式,因为在全屏模式下,指向我的外部auth提供程序的链接将在单独的浏览器中打开,并且不会重定向到我的独立实例,从而使登录成为可能.现在,在iOS 11.3中,Safari也在阅读Web应用程序清单,并将我的应用程序置于独立模式.但是同样的问题似乎出现在外部身份验证发布到Safari并且无法完成独立应用程序的情况下.有办法解决这个问题吗？我不再有一个好方法来指定独立模式应该只用于Android.
我正在使用create-react-app实用程序创建一个ReactJS应用程序.如何配置它以使用包含服务工作者的文件？
编辑:从Javascript方面对我来说很清楚,在我的index.js中添加注册:
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('./service_workers/sw.js')
.then(function(registration) {
// Registration was successful...
}).catch(function(err) {
// registration failed ...
});
}
然后我的服务工作文件中的配置(对我来说是在service_wokers/sw.js):
self.addEventListener('install', function(event) {//my code here...});
self.addEventListener('activate', function(event) {//my code here...});
self.addEventListener('fetch', function(event) {//my code here...});
当我运行此控制台时,控制台显示:ServiceWorker注册失败:DOMException:无法注册ServiceWorker:获取脚本时收到错误的HTTP响应代码(404).
该文件不存在,因为我没有配置Webpack来执行此操作.所以我试图用ouput复制sw.js文件:
test:
/\.(js)$/,
loader: "file?name=[path][name].[ext]&context=./service_workers",
include: '/service_worker'
我认为没有必要说我对Webpack完全不熟悉.
原因 - 我做了一个Progressive web app,在浏览器中打开 - 一切都很好,浏览器让我把它添加到主屏幕.
现在,我想在演示文稿中演示这一点,所以 - 从主屏幕中删除了图标.但是在最后一整天,我一直在使用镀铬网站,并且横幅永远不会出现.
它真的是千载难逢的事吗？或者我需要做些什么？
随着iOS 11.3的发布以及服务工作者的加入,我一直在努力寻找有关网络推送是否也可用的信息,特别是在PWA的使用方面.
有没有人对此有任何了解或知道我在哪里可以找到这些信息.
我目前使用Onesignal作为我的推送通知包,它对浏览器和Android非常有效.所以这里希望如果它现在得到支持,它们可以快速启动并运行.
我正在为大学项目创建渐进式Web应用程序,但是当我检查控制台时出现此错误:
未捕获(承诺)TypeError:请求失败 - serviceworker.js:1
我不明白这个错误来自哪里.
HTML和CSS按预期显示,但是当我从Chrome开发工具进行PWA审核时,它显示了这些失败.他们是'没有服务工作者','离线时没有200'和'用户没有提示安装网络应用'.
任何帮助表示赞赏!
提前致谢!
*{
padding: 0;
margin: 0;
font-family: "Roboto", sans-serif;
color: #4E5863;
}
.indexLogo{
height: 180px;
text-align: center;
padding: 36px 0;
border-bottom: 1px solid #E5E9F2;
}
.intuPotteriesLogo, .manchesterAirportLogo{
width: 252px;
height: auto;
}
.indexTitle{
text-align: center;
padding: 36px 0;
font-weight: 500;
border-bottom: 1px solid #E5E9F2;
font-size: 24px;
}
header{
width: 100%;
text-align: center;
}
#headerStokeCityOfCulture{
width: 100%;
}
#container{
width: 100%;
text-align: center;
}
.hotLinks{
border: 2px solid #ABB5C3;
width: 22%;
margin: 10px …我正在 IOS 13.2 中制作 PWA。
我需要通过单击外部链接从我的应用程序启动另一个 PWA。
问题是我当前的 PWA 在应用内浏览器中打开所有外部链接，而不是常规 safari，并且在应用内浏览器中没有添加到主屏幕选项。
如何强制 PWA 在常规 safari 而不是应用内 safari 中打开外部链接？
行不通的事情
rel="noreferrer"target="_blank"我很好奇在添加到主屏幕后浏览器PWA将在引擎盖下使用的内容.是否是您最初选择的"添加到主屏幕"？如果是,如果我在Chrome上将Chrome添加到主屏幕怎么办？手机,然后删除Chrome(假设我的手机上只剩下Safari了)？当点击主屏幕上的图标时,PWA是否仍然有效？
我有一个manifest.json,它有一个start_url属性,我想指向我的单页面应用程序的第一个文件.
这是index.html,它是网站的根源.我希望这是start_url,但该文件永远不会被要求作为URL.
我如何指向start_url网站的相对根？
例如,假设该网站是在https://example.com什么应的值start_url是https://example.com/manifest.json？我希望PWA从而开始https://example.com而不是 https://example.com/index.html.PWA可能放在不同的域上,因此start_url需要是相对的,而不是绝对的.
渐进式Web应用程序(PWA)需要哪些应用程序图标和大小？例如,如果Safari不支持PWA,我是否应该包含Apple图标？
这似乎是开发人员的共同需求,但在这个时候,我不确定是否有官方规范或指导.