Как мне обрезать содержимое Iframe, чтобы показать часть страницы? - PullRequest
14 голосов
/ 15 апреля 2011

В настоящее время я работаю над сайтом, который должен загружать контент с другого сайта с помощью iframe.Можно ли как-нибудь обрезать содержимое загруженной страницы, чтобы показать только раздел этой страницы на моем веб-сайте?

Ответы [ 5 ]

30 голосов
/ 15 апреля 2011

Можно ли как-нибудь обрезать содержимое загруженной страницы, чтобы показать только раздел этой страницы на моем веб-сайте?

Нет. Одна и та же политика происхождения запрещает вам манипулировать iframe любым способом, включая положение прокрутки.

Был бы обходной путь, поместив iframe в контейнер div, который имеет определенную высоту и ширину, и overflow: hidden, чтобы обрезать порт просмотра:

<div style="width: 500px; height: 500px; overflow: hidden">

и присвоение iframe относительной позиции:

<iframe src="..." style="position: relative; left: -100px; top: -100px">

таким образом, вы можете настроить часть iframe, которая видна на странице. Однако вся страница по-прежнему отображается, и этот подход не защищен от таких воздействий, как прокрутка внутри iframe.

6 голосов
/ 22 декабря 2012
<div style="position: absolute; left: 0px; top: 0px; border: solid 2px #555; width:594px; height:332px;">
<div style="overflow: hidden; margin-top: -100px; margin-left: -25px;">
</div>
<iframe src="http://www.centricle.com/tools/html-entities/" scrolling="no" style="height: 490px; border: 0px none; width: 619px; margin-top: -60px; margin-left: -24px; ">
</iframe>
</div>
</div>

Этот код работал для меня.

Источник [http://extechbuzz.blogspot.com/2012/12/iframe-how-to-display-specific-part-of.html]

1 голос
/ 15 апреля 2011

В iframe вы не можете это сделать ... но если вы используете HTTPWebRequest / WebResponse, то это очень просто ...

http://www.codeproject.com/KB/IP/httpwebrequest_response.aspx

http://htmlagilitypack.codeplex.com/

Этот пакет очень важен ... Вы можете прочитать конкретные div / span по id ...

0 голосов
/ 19 декабря 2017

Этот код сработал для меня ... Настройте поля margin-top и margin-left на любое значение, которое вам больше подходит, и настройте высоту и ширину iframe на любое значение, которое вы хотите.

<html>
<div style="overflow: hidden; margin-top: -1440px; margin-left:0;">
<iframe src="https://fiitjeelogin.com/StartPage.aspx" scrolling="no" height="1550"width="300" frameBorder="0">
</iframe>
</div>
</html>
0 голосов
/ 27 октября 2017

Чтобы обрезать рекламу внизу встроенной страницы , я использовал следующее:

<div style="width: 1000px; height: 390px; overflow: hidden">
<iframe src="https://openflights.org/user/dankohn1" width="1000"
height="600" style="border:none" scrolling="no">
</iframe></div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...