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

文章目录

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

<iframe
      src="https://test.com/#/main?id=66"
      width="100%"
      height="100%"
      frameBorder={0}
/>

<iframe
      src="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');
}

你可能感兴趣的:(工作随记,javascript,前端,开发语言)