chrome谷歌浏览器弃用WebSQL导致项目无法运行(Web SQL is deprecated/window.openDatabase is not a function)的解决方案

文章讲述了谷歌浏览器弃用WebSQL后如何通过申请OriginTrials试用版本来解决`window.openDatabase`报错的问题,包括注册过程、元标签使用方法及官方说明。
摘要由CSDN通过智能技术生成

问题描述

谷歌弃用WebSQL,导致启动WebSQL的window.openDatabase报错window.openDatabase is not
a function。

如图:在这里插入图片描述
在这里插入图片描述

解决方案

向谷歌浏览器申请弃用试用版本,就能在网页运行WebSQL。

申请网址(需翻墙):
https://developer.chrome.com/origintrials/?hl=zh-cn#/trials/active

解决方案的官方解释

1.关于WebSQL的弃用说明:

https://developer.chrome.com/blog/deprecating-web-sql?hl=zh-cn
在这里插入图片描述
在这里插入图片描述

2.关于申请弃用试用的说明:

https://developer.chrome.com/docs/web-platform/origin-trials?hl=zh-cn#deprecation_trials
在这里插入图片描述在这里插入图片描述在这里插入图片描述

解决过程

1.登陆谷歌浏览器并在申请网址(https://developer.chrome.com/origintrials/?hl=zh-cn#/trials/active)中找到WebSQL,点击注册Register按钮。

在这里插入图片描述

2.填写注册内容。

在这里插入图片描述
在这里插入图片描述

ps:关于Web
Orgin源站的填写,填你的项目运行的网址端口就可以了。如我的项目本地运行首页网址是http://127.0.0.1:5500/baseversion_dev/index.html,此处就填http://127.0.0.1:5500。
不理解的话可以再研究下官方的说法,理解可直接跳下一步。

官方说明(https://web.dev/articles/same-site-same-origin?hl=zh-cn#origin):
在这里插入图片描述
在这里插入图片描述

3.注册成功后复制令牌。

在这里插入图片描述

4.将令牌在需要的页面中用代码写入使用。

在这里插入图片描述

	const otMeta = document.createElement('meta');
    otMeta.httpEquiv = 'origin-trial';
    otMeta.content = '粘贴刚刚的令牌字符串';
    document.head.append(otMeta);
5.令牌成功使用的状态。

在这里插入图片描述
这时控制台报错也消失了,WebSQL可以正常打开查看。
至此已成功解决。

ps:官方声明了第三方令牌只能通过上述代码写入,如果是meta标签写入令牌就会显示识别失败。

在这里插入图片描述
在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

今天hz敲代码了吗

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值