【JS】鉴别项目是否处于嵌入模式

本文主要是介绍【JS】鉴别项目是否处于嵌入模式，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

• 是否嵌入可以通过url的搜索参数去判断，例如新增参数embed

<!-- 正常嵌入 -->
<iframesrc="https://test.com/#/main?id=66"width="100%"height="100%"frameBorder={0}
/>
<!-- 添加参数判断 -->
<iframesrc="https://test.com/?embed=csdn#/main?id=66"width="100%"height="100%"frameBorder={0}
/>

• 在被嵌入的项目接受embed参数并进行相应判断和使用

/*** 是否处于嵌入模式*/
export function isEmbed() {const usp = new URLSearchParams(window.location.search);return usp.has('embed');
}
/*** 被哪个平台所嵌入*/
export function getEmbed() {const usp = new URLSearchParams(window.location.search);return usp.get('embed');
}

这篇关于【JS】鉴别项目是否处于嵌入模式的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---