当前位置：文江博客话题详情

如何防止Applet跨网页卸载？

发布于 2024-07-15 08:26:17 字数 279 浏览 7 评论 0原文

我有一个大型小程序，需要大约 40 秒才能初始化（出租车已缓存，因此请忽略此问题的下载时间）。

问题是，如果用户转到启动小程序（单个窗口）的页面 A，然后导航到页面 B，则小程序将被卸载。如果用户返回页面 A，他们将再次经历 40 秒的初始化时间。

我希望能够启动该小程序，一次且仅一次产生 40 秒的初始化时间。小程序需要驻留在单个浏览器窗口（与我的 Web 应用程序相同的窗口）内。换句话说，我无法在弹出窗口中启动小程序。

有人对如何防止小程序卸载有什么创意吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

掩于岁月 2024-07-22 08:26:17

唯一的选择是将您的内容放入包含整个文档的 iframe 中，并为小程序使用绝对定位。

<body>
 <iframe id='content' src='FIRST_URL'></iframe>
 <object id='applet'></object>
</body>

使用像这样的 css：

#content {
  width:100%;
  height: 100%;
}

#applet {
  position: absolute;
  left: LEFT_POSITION;
  top: TOP_POSITION;
  width: DESIRED_WIDTH;
  height: DESIRED_HEIGHT;
}

有很多缺点：

小程序将始终定位在同一个位置，无论页面如何
您将难以获得 iframe 全宽和全高，尤其是在 IE 中
您可能还会遭受让小程序正确显示（iframe 顶部的一个对象，我无法想象您会遇到什么麻烦）
如果您的用户单击指向您网站外部的链接，则小程序将保留，除非您为该小程序设置了目标链接（即 target='top' 或 target='__blank'）

The only option would be to put you content in an iframe that encompasses your whole document and use absolute positionning for the applet.

<body>
 <iframe id='content' src='FIRST_URL'></iframe>
 <object id='applet'></object>
</body>

With a css like this one:

#content {
  width:100%;
  height: 100%;
}

#applet {
  position: absolute;
  left: LEFT_POSITION;
  top: TOP_POSITION;
  width: DESIRED_WIDTH;
  height: DESIRED_HEIGHT;
}

There are MANY drawbacks:

The applet will always be positionned at the same place, no matter the page
You will suffer to get the iframe full width and full height, especially in IE
It's possible you will also suffer to have the applet showing properly (an object on top of an iframe, I can't imagine what troubles you'll run into)
The applet will stay if your user click to a link leading outside of your site unless you set a target for the link (ie, target='top' or target='__blank')

回复收藏 0 原文

七色彩虹 2024-07-22 08:26:17

您可以这样显示警告：

if(window.body)window.body.onbeforeunload=function(){if(window.event)window.event.returnValue="UNLOAD MSG";};else window.onbeforeunload=function(){return "UNLOAD MSG";};

这适用于几乎所有浏览器，但您无法更改文本周围的文本。

You could show a warning, this way:

if(window.body)window.body.onbeforeunload=function(){if(window.event)window.event.returnValue="UNLOAD MSG";};else window.onbeforeunload=function(){return "UNLOAD MSG";};

This works in allmost every browser, but you cannot change the text surrounding your text.

回复收藏 0 原文