Question

我创建了CEF基础桌面应用程序，我想在其中显示两个标签（登录，iframeView），点击iframeView标签应加载iframe并相应地显示内容。我使用https://github.com/angular-ui/ui-router库来路由页面。

但问题是，每当我们点击第二个包含iframe的标签时，iframe需要时间来加载内容，我想要的是，只要用户点击标签就会立即显示iframe内容，如果我删除iframe代码并添加任何其他标签，它会快速显示内容，

我们在URL https://example.com的响应头中设置了Cache-Control：public，max-age = 21600，以获取从缓存加载的内容，但仍然需要一些时间来加载内容。我尝试在主DOM中添加以下Iframe代码，然后在用户点击第二个标签时尝试复制相同的iframe，但仍然需要时间来加载内容。

有没有办法快速加载iframe内容？为什么iframe会变慢？

的index.html

 <!DOCTYPE html>
 <html lang="en">
   [...]
   <body ng-app="name" ng-controller="mainController" ng-init="init()" ui-
 view>
 </body>
 </html>

mainController

.controller('mainController', function ($scope, $state, session, [...]) {
$scope.tabClick = function () {
                $state.go('iframeView');
    });
};

}）

编辑：路线定义

 .config(function ($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/');
$stateProvider
    .state('iframeView', {
        url: '/iframeView',
         template: '<frame-view layout flex></frame-view>'
    })
   })

iframe-view的HTML

  <iframe id="myIframe" src="https://example.com" style="width500px;height:500px"></iframe>

为什么iframe加载内容很慢

0 个答案: