自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 资源 (8)
  • 收藏
  • 关注

原创 渐进式web应用(pwa)安装成功与打开页面的事件统计

里面的start_url参数进行配置,可以通过对url添加后缀进行区分,例如"start_url": "/?pwa=client", 通过客户端启动的url后缀会添加pwa=client,如果是通过网页访问则没有改后缀,具体判断方式如下。前言:上一篇文章分享了pwa如何添加到主屏幕,本文分享下如何进行通过pwa桌面图标打开网页、以及通过点击事件是否安装的事件统计。1、pwa 安装除了被动触发,也可以通过点击事件,由用户主动触发,对于用户更加友好;然后新建一个js文件进行逻辑处理。此处可以通过配置文件(

2023-02-11 17:21:09 690

原创 js实现时间显示几天前、几小时前或者几分钟前

result = parseInt(time/minute) + "分钟前!result = parseInt(time/month) + "月前!result = parseInt(time/hour) + "小时前!result = parseInt(time/week) + "周前!result = parseInt(time/day) + "天前!alert("设置的时间不能早于当前时间!result = "刚刚发布!

2023-02-06 15:23:06 886

原创 git 常用操作命令整理

git checkout . 删除更改的git branch -D dev 删除dev分支git checkout -b dev 创建dev分支git status 查看当前分支状态。

2023-02-06 15:08:42 123

原创 谷歌浏览器快速切换网页标签插件

一款专为chrome浏览器开发的一款可以快速切换网页标签的插件

2023-02-02 17:34:37 2374

原创 渐进式 Web 应用(PWA) 添加到主屏幕

PWA 的全称是 Progressive Web App,渐进式web应用。一个为响应式设计的“保护伞”式的术语,是 Google 在2015年提出,是在移动端利用提供的标准化框架,在网页应用中实现和原生应用相近的用户体验。往常的网页应用只要关闭了网页他的生命就结束了,现在引入了一个 Service Worker 的概念,即使网页关闭,PWA 仍然可以在后台运行获取数据更新(当然有限制)。web应用清单是一个 JSON 文件,其中包含有关应用的元数据,例如应用的名称、说明、图标及其使用的各种操作系统功能(

2023-02-02 12:17:51 699

原创 Chrome插件api获取所有网站的cookie信息

谷歌插件 chrome.cookies.getAll API获取登录网站的cookie信息

2021-11-26 10:53:36 5275

原创 chrome扩展popup传参到background

chrome扩展popup传参到background

2021-11-26 10:41:48 970

原创 chrome扩展chrome.extension.getBackgroundPage()方法调用

chrome扩展chrome.extension.getBackgroundPage()

2021-11-26 10:38:58 2526 2

原创 判断是微信内部浏览器还是qq浏览器

var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { //return "weixin"; alert("微信") } else if (ua.match(/QQ/i) == "qq") { //return "QQ"; alert("QQ") }else { ...

2021-08-10 16:48:27 130

原创 javascript中的if条件判断简单优化

const actions = { '1': ['processing', 'IndexPage'], '2': ['fail', 'FailPage'], '3': ['fail', 'FailPage'], '4': ['success', 'SuccessPage'], '5': ['cancel', 'CancelPage'], default: ['oth...

2021-08-10 16:43:42 143

原创 javascript判断是谷歌浏览器还是个人基于谷歌浏览器开发的浏览器

//方法一;监听window.Notification或者下面的Notification.permission console.log(window.Notification) if(window.Notification == undefined){ console.log('1非正常谷歌浏览器') }else{ console.log('1谷歌浏览器') } ...

2021-08-10 16:41:12 559

原创 实时获取视频当前帧作为封面图

/* * @version: 1.0.0(基于video版本7.5.5) * @Author: wangdongxue * @Date: 2021-06-25 11:31:57 * effect :实时获取视频当前帧封面 */ $(function(){ var options2 = { fluid: true, //会用第一项技术去播放,不行再使用后面的选项 data-setup techOrder: ["html5", "flash"...

2021-08-10 16:32:43 192

原创 唤起谷歌浏览器系统通知小窗口显示

注:此方法不支持本地调试,请在http环境下测试 var options = { dir: "auto", body: '老师公开课火热直播中,戳这里进入!免费听 >', requireInteraction: true, icon: 'https://img.yutu.cn/yutu/2020/20200421/aaf1ed5391676d9b5cc659d8d8c35076.png' }; var liveUrl =...

2021-08-10 16:05:55 387

渐进式web应用(pwa)安装成功与打开页面的事件统计

通过点击事件主动触发安装pwa提示、安装成功与桌面应用图标启动的点击事件数据统计

2023-02-11

渐进式web应用(pwa)系统通知功能

PWA(Progressive Web Apps,渐进式 Web 应用)运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。这些应用无处不在、功能丰富,使其具有与原生应用相同的用户体验优势。这组文档和指南告诉您有关 PWA 的所有信息。 Service Worker 运行在一个与页面 JavaScript 主线程独立的线程上,并且无权访问 DOM 结构。这引入了一种与传统 Web 编程不同的方式:它的 API 是非阻塞的,并且可以在不同的上下文之间发送和接收信息。您可分配给 Service Worker 一些任务,并通过基于 Promise 的方法在任务完成时收到结果。

2023-02-02

渐进式 Web 应用(PWA) 添加到主屏幕

渐进式web应用。构建应用的用户界面;一个为响应式设计的“保护伞”式的术语,是 Google 在2015年提出,是在移动端利用提供的标准化框架,在网页应用中实现和原生应用相近的用户体验。独立连接性、新颖、安全、可探索、可重定制、可安装性、可链接的应用/web站点,并带有原生应用般的交互性能。

2023-02-02

javascript获取图片的md5

图片进行md5加密,获取图片的md5加密

2021-12-10

chrome插件开发 - tab页面切换插件

本插件是基于谷歌浏览器的,方便打开页面过多进行页面切换、多屏幕切换

2021-12-10

RSA加密解密.rar

RSA加密解密

2021-12-10

js开发谷歌浏览器插件demo

基于谷歌浏览器开发的浏览器插件

2021-11-19

基于video的视频播放器.rar

基于video的视频播放器.rar

2021-08-10

无缝滚动scrolling.rar

无缝滚动scrolling.rar

2021-08-10

滑块验证功能行为验证.rar

仿移动端、pc端滑块验证功能

2021-08-10

实时获取视频当前帧封面图.rar

实时获取视频当前播放的帧

2021-08-10

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除