要防止target="_blank"链接在您从Chrome访问时被PWA应用程序打开,您可以采取以下步骤:
document.addEventListener('DOMContentLoaded', function() {
var links = document.querySelectorAll('a[target="_blank"]');
for (var i = 0; i < links.length; i++) {
links[i].addEventListener('click', function(event) {
if (window.matchMedia('(display-mode: standalone)').matches) {
event.preventDefault();
window.open(this.href, '_blank');
}
});
}
});
这段代码会在页面加载完成后,为所有带有target="_blank"属性的链接添加点击事件监听器。当链接被点击时,它会检查当前页面是否在PWA应用程序中打开(通过检查display-mode)。如果是,则阻止默认行为,并使用window.open()在新标签页中打开链接。
a[target="_blank"] {
pointer-events: none;
cursor: default;
text-decoration: none;
color: inherit;
}
这段代码会将target="_blank"链接的指针事件设置为none,使其无法被点击,并将鼠标指针样式设置为默认,以及取消链接的下划线和颜色。
请注意,以上方法仅适用于防止PWA应用程序在Chrome浏览器中打开target="_blank"链接。对于其他浏览器和PWA应用程序的行为,可能需要进行额外的处理。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云