使用iFrame无法显示嵌入式网页

时间:2018-08-02 15:07:37

标签: html5 iframe

我正在构建一个教室公告板(40英寸显示屏)。我希望能够选择要显示的文章。该站点是Django2驱动的。

但是,我无法显示内容。我得到的只是一个空的iframe。我读过一些文章说,大多数Web服务器都将其作为单击窃取的阻止。

我发现有关该主题的唯一帖子太简单或太老。

有知识的人能告诉我这是否有可能吗?

                {% with scheduledArticles|first as sArticle %}
                    <div class="card">
                        <img class="card-img-top img-fluid" src="{{ MEDIA_URL }}/{{ sArticle.image }}" alt="">
                        <div class="card-header ml-auto">
                            <img src="{{ MEDIA_URL }}/{{ sArticle.qrcCodeImage }}" alt="" width="50">
                        </div>
                        <div class="card-body">
                            <h4 class="card-title">{{ sArticle.title }}</h4>
                            <iframe src="{{ sArticle.articleURL }}" width="100%">
                              <p>Your browser does not support iframes.</p>
                            </iframe>
                        </div>
                    </div>
                {% endwith %}

(顺便说一句,我在信作者,这不应该侵犯版权。)

1 个答案:

答案 0 :(得分:0)

搜索了很长时间后,答案就在我的鼻子底下! (总是;-)

在我的Web浏览器控制台中,以下消息...

拒绝在框架中显示“ https://www.w3schools.com/”,因为它将“ X-Frame-Options”设置为“ SAMEORIGIN”。

iFrame具有第三方内容的无用感,因为大多数网站都禁止使用它们!

因此,任务继续进行,我知道Flipboard之类的网站会显示文章摘要,但我仍然不知道如何。