Jupyter渲染网页的3种方式

简介: Jupyter渲染网页的3种方式

渲染有三种方式:

  • 渲染文本
  • 渲染变量
  • 代理页面

一、渲染文本

将htm网页内容到%%html后面,示例如下:

%%html
<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8"> 
    <title>chenqionghe</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="page-header">
    <h1>chenqionghe
        <small>yeah buddy! light weight bay!</small>
    </h1>
</div>
<p>geting muscle is not easy</p>
</body>
</html>

二、渲染变量

例如我们经常通过requests抓取网页,可以直接渲染出抓取到的内容,例如通过request抓取网页,直接渲染res.text,代码如下:

import requests
from IPython.display import HTML
res=requests.get('http://jd.com')
HTML(res.text)

三、代理页面

已有页面想通过jupyter显示出来,可以通过IFrame方法渲染,src可以是本地的html,也可以是一个网页地址。

from IPython.display import IFrame
IFrame(src='https://www.qq.com/', width=1000, height=600)

相关文章
|
4月前
|
数据采集 Web App开发 JavaScript
快速参考:用C# Selenium实现浏览器窗口缩放的步骤
在C#结合Selenium的网络爬虫应用中,掌握浏览器窗口缩放、代理IP、cookie与user-agent设置至关重要。本文详述了如何配置代理(如亿牛云加强版),自定义用户代理,启动ChromeDriver,并访问目标网站如抖音。通过执行JavaScript代码实现页面缩放至75%,并添加cookie增强匿名性。此策略有效规避反爬机制,提升数据抓取的准确度与范围。代码示例展示了整个流程,确保爬虫操作的灵活性与高效性。
117 3
|
5月前
|
JavaScript
Vue - 超强实现网页禁止浏览器缩放功能
Vue - 超强实现网页禁止浏览器缩放功能
|
开发框架 安全 .NET
您是否也有想在浏览器中实时的编辑代码并且渲染的想法?
您是否也有想在浏览器中实时的编辑代码并且渲染的想法?
81 0
|
XML 前端开发 数据可视化
【图形基础篇】01 # 浏览器中实现可视化的四种方式
【图形基础篇】01 # 浏览器中实现可视化的四种方式
186 0
【图形基础篇】01 # 浏览器中实现可视化的四种方式
|
Web App开发 缓存 移动开发
浏览器渲染原理
浏览器渲染原理
浏览器渲染原理
|
数据采集 缓存 编解码
|
数据采集 编解码 移动开发
Puppeteer + Nodejs 通用全屏网页截图方案(二)常用参数实现
学习如何对网页截图程序设计基本参数功能。
|
数据采集 JavaScript
Puppeteer + Nodejs 通用全屏网页截图方案(一)基本功能
学习一个网页截图程序的实现基本功能。
|
Web App开发
自定义浏览器网页背景是什么体验?
怎么将Chrome浏览器的网页背景设置成自己喜欢的图片背景?一起写个插件来实现一键切换浏览器背景吧。
238 0
自定义浏览器网页背景是什么体验?
|
存储 移动开发 缓存
浏览器专题系列 - 渲染原理
浏览器专题系列 - 渲染原理