如何在Squarespace网站中嵌入HiGlass查看器展示基因组接触矩阵
2026-10-7
Squarespace嵌入HiGlass查看器解决方案
- 首先修正嵌入代码结构：Squarespace的自定义嵌入块会将代码直接插入到页面现有DOM结构中，不需要添加完整的
<html>、<body>外层标签，你直接提交iframe标签即可，同时添加sandbox属性适配Squarespace的安全规则，参考代码如下：
<iframe src="http://glass.ucsc.edu:8989/app/?config=Z9WOEV6_RSWZ2KoRhUeEVA" width="100%" height="1000" frameborder="0" allowfullscreen sandbox="allow-same-origin allow-scripts allow-popups allow-forms"> </iframe>
- 排查非标准端口拦截问题：Squarespace默认会过滤使用非80/443端口的外部嵌入源，你当前使用的HiGlass服务端口为8989，属于非标准端口，可优先选择两种方案解决：
- 将你的HiGlass配置导出后，托管到HiGlass官方公共HTTPS实例，使用标准端口的链接进行嵌入
- 配置反向代理将该8989端口的HTTP服务转换为标准443端口的HTTPS服务后，再嵌入到Squarespace页面
- 确认嵌入权限配置：联系UCSC HiGlass服务的运维人员，检查服务端的
X-Frame-Options和Content-Security-Policy响应头，确保没有设置禁止跨域嵌入的规则，如有需要可将你的Squarespace站点域名添加到允许嵌入的白名单中 - 混合内容验证：Squarespace全站默认使用HTTPS协议，若嵌入源为HTTP协议，浏览器会自动拦截混合内容加载，需要确认你使用的HiGlass服务支持HTTPS访问，避免被浏览器安全规则拦截。
内容的提问来源于stack exchange，提问作者courtney m
相关产品推荐
相关产品推荐
