js监听浏览器刷新——关闭触发的函数亲测有效 只适用于pc端 移动端无效

介绍了使用JS监听浏览器刷新和关闭触发的函数,该方法经过亲测有效,但仅适用于PC端,移动端无效。

js监听浏览器刷新——关闭触发的函数亲测有效 只适用于pc端
移动端无效

$(document).ready(function () {
	console.log(window.localStorage.getItem("a"))
	//监听浏览器异常关闭
	var beginTime =0;//执行onbeforeunload的开始时间
	var differTime = 0;//时间差
	window.onunload = function (){
			differTime = new Date().getTime() - beginTime;
			if(differTime <= 5) {
				console.log("浏览器关闭")
                window.localStorage.setItem("a","关闭了啦啦啦啦啦啦")
				//触发关闭事件,向后端background.js方法发送信息
				chrome.runtime.sendMessage({
					type: 'removeData'
				}, function (response) {
				})
			}else{
			    alert("浏览器刷新")
			}

		}
	window.onbeforeunload = function (){
		beginTime = new Date().getTime();
	};
});
“你好!我需要基于在线点餐系统的完整需求(含用户注册 / 登录、餐厅浏览、菜品添加购物车、下单支付、优惠券使用、订单状态跟踪、订单评价、退款申请、商家菜品管理 / 订单处理、会员权益管理 10 大核心功能,具体需求可参考:用户注册需校验 11 位手机号 + 8-16 位含特殊符号密码 + 6 位验证码;下单需生成唯一订单编号、扣减库存;订单跟踪需用进度条展示‘未接单 / 已接单 / 制作中 / 配送中 / 已完成’状态,配送中显示骑手地图链接;评价支持 1-5 星 + 文本 + 图片上传等),开发一套可直接在 VS Code 中运行的前网页系统。 技术栈限定为 HTML(构建页面结构)、CSS(美化样式)、JavaScript(实现交互逻辑),需满足以下要求: 页面设计:达到‘精美且有交互感’标准 —— 整体风格统一(建议用浅色系主色调 + 高对比度功能按钮,适配移动端PC ),包含过渡动画(如按钮 hover 效果、页面切换淡入淡出、购物车添加时的数量跳动)、实时反馈(输入格式错误即时提示、操作成功弹窗),核心流程(登录→点餐→结算→跟踪→评价)页面连贯且导航清晰。 功能完整性:覆盖全部需求点,例如: 注册页需实时校验用户名(6-20 位含字母 / 数字 / 下划线)、手机号格式,支持验证码倒计时发送; 购物车需校验菜品库存(库存不足时禁用‘添加’按钮并提示),展示菜品规格选择; 结算页支持优惠券码输入(8-16 位字母数字组合),实时计算抵扣后金额,模拟支付接口(支付成功后跳转订单详情); 商家需有菜品管理表格(支持新增 / 编辑 / 下架,实时更新库存)、订单列表(待接单订单标红提醒,支持接单 / 拒单 / 标记出餐操作,同步更新用户进度); 代码适配性:代码需带清晰注释(如 JS 函数功能说明、CSS 样式用途),文件结构按模块划分(如 /pages 存放各页面 HTML、/css 存放样式文件、/js 存放交互逻辑,含公共工具函数如表单校验、本地存储订单数据),可直接在 VS Code 中通过‘Open with Live Server’插件运行,无依赖缺失问题。 试适配性:需确保各功能模块可独立试(如注册功能可试‘手机号已被注册’‘验证码错误’等场景,下单功能可试‘库存不足’‘优惠券未达门槛’等场景),后续能基于此代码用黑盒试(等价类分类法)和白盒试(逻辑覆盖法)设计试用例,满足实验八的试报告要求。 请提供完整的代码实现(含所有页面 HTML、CSS 样式文件、JS 脚本文件),并附带‘VS Code 运行步骤说明’(如插件安装、文件打开方式、数据存储方式),若有核心功能(如订单状态同步、本地存储数据管理)的实现思路说明会更优。”
最新发布
11-14
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值