添加到主屏幕 添加到主屏幕(安装提示),使用户可以轻松地在其移动或台式设备上安装PWA。 用户接受提示后,您的PWA将被添加到他们的启动器中,并且它将像任何其他已安装的应用程序一样运行。 在这个项目中,我将显示一个自定义按钮,用户可以单击该按钮并将网站/ webapp添加到用户的主屏幕。 为了显示“添加到主屏幕”对话框,您需要: 监听beforeinstallprompt事件 通知用户您的应用程序可以通过按钮或其他元素进行安装,这将生成用户手势事件。 通过在保存的beforeinstallprompt事件上调用hint()来显示提示。 我们还可以通过媒体查询@media all和(显示模式:独立){/自定义样式,如果pwa是打开的窗体主屏幕图标/按钮{background:#ddd;}}检查用户是否打开了PWA窗体的主屏幕图标。 ::经过大量的努力和无数的网站争夺,我已经成功地编
2022-04-28 23:13:34 13KB HTML
1
卫星轨道可视化和通过预测。 产品特点 计算来自TLE的卫星的位置和轨道 通过地理位置设置地面站或在地图上选择 计算地面站的通行证 本地浏览器通行证通知 无服务器架构 可以作为渐进式Web应用程序(PWA)脱机工作 建于 发展历程 建立 初始化子模块并安装npm build依赖项: git submodule update --init npm install 跑 开发服务器的npm run start npm run build以构建应用程序(在dist文件夹中输出) npm run serve用于构建应用程序并与静态Web服务器一起使用 npm run update-tle从NORAD
2022-04-14 15:40:36 578KB pwa satellite orbit cesium
1
基于umi + dva + typescript + mock的React框架 介绍 一个开发框架,目前包含工具+路由,已经包含了react,redux,router,不包含数据和视图。 基于 , 和的轻量级前端框架。 JS的强类型版本 UI库任选或 用做代码规范 umi内置功能,默认开启,无需单独配置 安装 yarn # or npm install 开发 npm run dev 建立 npm run build 项目目录 ├── /dist/ # 项目输出目录 ├── /mock/ # 数据mock ├── /src/
2022-03-18 16:50:10 235KB react redux mock typescript
1
React温泉项目 基于react.js技术栈构建的纯前端SPA项目框架。 技术栈 react.js(v15.6) redux react-redux redux-trunk(状态管理,异步操作推荐使用redux-saga会更优雅些) react-router4(前端路由,组件初始化加载,认证,过渡等​​) 不可变(优化,提升性能) fetch(网络请求封装) 样式化的组件(js方案中CSS,语法高亮请使用 ) antd(基于react的UI组件库 ) PWA(渐进式Web应用) Webpack(工程化,自动构建) (支持Redux调试插件,非侵入式) 如果需要实现组件动画效
2022-01-02 14:49:23 62KB react redux immutable spa
1
Web蓝牙终端 —试用一下,看看它如何在,请阅读 (英语)或 (俄语)的教程。 Web蓝牙终端是可以与支持低功耗蓝牙(也称为Bluetooth Smart)的远程设备连接并双向交换数据的网站。 它可以作为应用程序安装在主屏幕上,并且可以脱机工作。 杀手级功能:应用程序通过BLE建立规范中未提供的串行通信,但是如果您想使用负担得起的蓝牙模块制造自己的BLE IoT设备,则需要此功能。 该应用利用BLE服务( 0xFFE0 )和特性( 0xFFE1 )在低成本BLE模块中可用,例如基于CC2541芯片的HM-10,JDY-08,AT-09,CC41-A等。 此外,它通过将传入消息保存在缓冲区中并等待行末字符来绕过GATT特性特定的20个字节限制。 检查以及 部分以快速入门,并了解如何制作自己的项目。 另外,我将作为展示项目。 产品特点 通过浏览器可访问-只需访问,您将获得功能齐全的应用程序,无需安装任何程序。 跨平台-只要可以通过浏览器访问该应用程序,您就可以在桌面或智能手机使用它。 可安装-如果您不想记住该网址,可以将其添加到主屏幕。 由于它是一个渐进式Web应用程序,
2021-12-22 11:30:30 1.1MB iot arduino terminal pwa
1
EHentaiView English || | | | 欢迎访问EhentaiView,它是exhentai.org的移动(PWA)网站,它是使用Next.js构建的。 如果Google Chrome版本> = 84,则需要使用Secure和SameSite=None更改exhentai.org cookie, 屏幕截图 用法 由于浏览器(cors)中的webSecurity,我们无法直接访问exhentai图像,因此,在使用该网站之前,您应该登录e-hentai 登入 如果您尚未登录 ,则还需要登录e-hentai 现在您可以浏览该网站 常问问题 如果看不到图片,请 PWA
2021-11-20 22:43:18 478KB react typescript pwa nextjs
1
Web组件ImageMagick 该项目与无关,而只是将代码重新编译为 。 我这样做是因为我想将ImageMagick的功能带给浏览器。 目录 演示和范例 最简单的例子。 参见 。 一个简单的网页(普通javascript),其中包含阵列中的图像并加载magickApi.js来旋转文件。 示范站点 基本游乐场(React&TypeScript项目): 。 图像差异示例(React&TypeScript项目): 。 。 添加图像,使用不同的语法执行命令,管理和重用输出/输入图像,并选择命令示例以学习ImageMagick。 。 它还显示了在浏览器中使用ImageMagick进行的转换
2021-09-02 15:32:48 680KB javascript imagemagick image pwa
1
PWA带来的极速离线 Web 应用.pdf
2021-08-21 14:09:44 4.16MB pwa web development
WhatSharer是一个工具,可用于将尚未保存的数字发送文本,制作可共享的WhatsApp消息,生成WhatsApp消息URL以及轻松发送大量WhatsApp消息。 WhatSharer是使用在托管的GNU-GPLv3许可证的开源PWA。 如何使用: 对于批量消息传递: 只需输入您的消息,单击其下方的“发送”按钮,然后选择要将消息发送至的联系人/组即可。 传送未保存的号码: 只需键入您要发送的号码即可。 您可以将消息框保留为空。 单击发送开始消息传递。 贡献 您可以贡献的方式: 检查下一部分以了解项目的技术细节。 技术栈: HTML CSS, JavaScript, 在本地使用
2021-08-18 21:57:14 574KB react pwa whatsapp message-api
1