提示框兼容方法、装置、设备及介质制造方法及图纸

本申请公开了提示框兼容方法、装置、设备及介质，涉及前端开发技术领域，能够解决现有提示框(alert、confirm、prompt)兼容性差，甚至闪退的技术问题。其中方法包括：利用npm命令安装用于修复浏览器或者应用程序的提示框公共库；当监听到提示框相应操作时，基于所述提示框公共库调用dialog标签的待调用配置参数，并显示相应的提示框实例；当监听到页面关闭事件被触发时，根据当前的提示框实例信息执行相应的页面关闭操作。本申请适用于对提示框展示方法。法。法。

【技术实现步骤摘要】
提示框兼容方法、装置、设备及介质


[0001]本申请涉及前端开发
，尤其是涉及到提示框兼容方法、装置、设备及介质。

技术介绍

[0002]JavaScript中常用的3种提示框(alert、confirm、prompt)，在不同端有不一样的UI和交互，目前一些浏览器内核已经移除跨域iframe中的alert、confirm、prompt调用，从而导致兼容性差，甚至闪退的问题。目前常见的解决方案为：
[0003]1、基于不同的前端框架(Vue/React等)，能够复用公共组件库中的组件，存在的问题为，1)基于三个基本提示框引入前端框架，打包生成的文件较大，导致冗余；2)针对老项目或者公共库，更改为组件调用方式，但需要全量测试。
[0004]2、通过Window.postMessage()从iframe发送消息到父窗口，并通过父窗口显示提示框，存在的问题为，针对内嵌在其他app的webview内的情况，父窗口如果没有单独的处理逻辑，即使通知消息到父窗口，也不会生效。
[0005]3、降低浏览器内核版本，存在的问题为，针本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种提示框兼容方法，其特征在于，包括：利用npm命令安装用于修复浏览器或者应用程序的提示框公共库；当监听到提示框相应操作时，基于所述提示框公共库调用dialog标签的待调用配置参数，并显示相应的提示框实例；当监听到页面关闭事件被触发时，根据当前的提示框实例信息执行相应的页面关闭操作。2.根据权利要求1所述的方法，其特征在于，所述利用npm命令安装用于修复浏览器或者应用程序的提示框公共库步骤之前，还包括：创建用于修复浏览器或者应用程序的提示框公共库，不同浏览器或者应用程序通过导入并配置所述提示框公共库，以使在触发提示框相应操作时，调用配置后的公共库中dialog标签的待调用配置参数，并显示相应的提示框实例。3.根据权利要求1或2所述的方法，其特征在于，所述提示框公共库包括简化公共库和标准公共库，所述简化公共库中的待调用配置参数是固定的，所述标准公共库包括参数配置项，利用initConfig更改所述参数配置项中的参数信息，得到待调用配置参数。4.根据权利要求1所述的方法，其特征在于，所述提示框的配置参数包括提示框标识，针对缓存中未销毁的提示框实例，根据提示框标识返回相应的提示框实例。5.根据权利要求1或4所述的方法，其特征在于，所述当监听到页面关闭事件被触发时，根据当前的提示框实例信息执行相应的页面关闭操作，包括：当监听到来自页面头部返回按钮的页面关闭事件被触发时，判断当前页面的提示框标识指向的提示框实例是否存在；若所述提示框实例存在...

【专利技术属性】
技术研发人员：王媛，
申请(专利权)人：平安付科技服务有限公司，
类型：发明
国别省市：