小编Tah*_*man的帖子

我有一个包含2个iFrame的网页.它们都具有固定的宽度和高度.我在其中加载外部网站.如何调整外部网站的宽度以适应iFrame(就像移动浏览器通过更改视口一样)？

我的代码如下.在这种情况下,如何使用类似动画的JQuery调整元素大小？详细信息在代码中写为注释.

模板:

<script id="content_template" type="text/template">
        <div
                class="content"
                style="position: absolute;
                    top:<%= top %>px;
                    left:<%= left %>px;
                    width:<%= width %>px;
                    height:<%= height %>px; "
        ></div>
</script>

模型:

var FrameObject = Backbone.Model.extend({
    defaults: {
        top: 0,
        left: 0,
        width: 1,
        height: 1
    }
});

采集:

var FrameObjects = Backbone.Collection.extend({
    model: FrameObject
});

对象视图:

var Object_view = Backbone.View.extend({
    template: _.template($("#content_template").html()),
    render:function(){
        return this.template(this.model.toJSON());
    }
});

对象容器视图:

var App_view = Backbone.View.extend({
    el: $(".container"),
    events: {
        "click .container": "create_object"
    },
    create_object: function(event){
        var frame_object = new …

看起来Service Worker在工作线程上运行,并且无法访问DOM.但是,一旦安装了Service Worker,我希望我的用户知道应用程序现在可以脱机工作.我怎样才能做到这一点？