【问题标题】:How to display a website (not hosted) within another website that IS hosted?如何在托管的另一个网站中显示网站(未托管)?
【发布时间】:2021-02-02 05:20:16
【问题描述】:

我正在创建一个将有一个域并将被托管的投资组合网站。对于以下问题,我的作品集网站将是“网站 #1”,项目网站将是“网站 #2”。

我正在创建网站 #1(具有域/托管)。我想在网站#1 中展示网站#2(无域/未托管),而无需为其购买域/主机。网站 #2 是一个学校项目,所以我不想在域名或托管服务上花钱。

理想情况下,用户可以在网站#1 上单击一个按钮,在网站#1 中弹出另一个浏览器窗口,并加载网站#2 的本地文件。网站 #1 的背景仍然可见,但弹出的浏览器窗口现在具有焦点(见图)。

如果可能,您知道网站#2 是否会响应弹出窗口吗?如果用户可以调整弹出窗口的大小以查看它的响应性,那就太好了。

希望我在第二次时已经对所有内容进行了充分的解释,以便获得帮助。先感谢您! :)

【问题讨论】:

  • 您基本上可以在网站 #1 本身中加载网站 #2,是的,您可以将其编码为响应式。
  • 只需引用您要展示的网站的层次结构文件夹即可。所以你有你的托管站点的文件结构......带有索引页面的顶级文件夹,然后你有一个名为 webProjects 的文件夹。然后将展示网站的文件夹结构放在该文件夹中,当您要引用它时,请引用该文件夹>index.html。
  • 在 ReactNative 中有一个叫做 WebView 的东西,猜想 ReactJS 中也应该有类似的东西,它可能会有所帮助

标签: javascript html css popupwindow portfolio


【解决方案1】:

您可以将项目网站放在 /projects/ 目录中,然后引用它们,例如:https://yourportfolio.com/projects/schoolproject

要在您的作品集网站上显示它,您可以使用 iframe 标签,如果您编码正确,它可以响应。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2010-12-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多