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)

相关文章
|
3月前
|
JavaScript
Vue - 超强实现网页禁止浏览器缩放功能
Vue - 超强实现网页禁止浏览器缩放功能
|
前端开发 JavaScript 安全
使用原生JavaScript对网页或窗口进行截图
要使用原生 JavaScript 对整个网页或窗口进行截图,你可以使用 html2canvas 库。 html2canvas 是一个强大的 JavaScript 库,可以将网页的可见部分渲染为 <canvas> 元素,并且可以保存为图像。
462 0
|
开发框架 安全 .NET
您是否也有想在浏览器中实时的编辑代码并且渲染的想法?
您是否也有想在浏览器中实时的编辑代码并且渲染的想法?
72 0
|
XML 前端开发 数据可视化
【图形基础篇】01 # 浏览器中实现可视化的四种方式
【图形基础篇】01 # 浏览器中实现可视化的四种方式
175 0
【图形基础篇】01 # 浏览器中实现可视化的四种方式
|
JavaScript
浏览器下Xpath实用技巧
浏览器下Xpath实用技巧
289 0
浏览器下Xpath实用技巧
|
数据采集 缓存 编解码
|
数据采集 编解码 移动开发
Puppeteer + Nodejs 通用全屏网页截图方案(二)常用参数实现
学习如何对网页截图程序设计基本参数功能。
|
数据采集 运维 资源调度
|
数据采集 JavaScript
Puppeteer + Nodejs 通用全屏网页截图方案(一)基本功能
学习一个网页截图程序的实现基本功能。
|
数据可视化 开发者
实用技巧 | Pyecharts可视化渲染为图片保存
使用 pyecharts 渲染成图片一直是开发者比较关心的功能,pyecharts提供了 selenium、phantomjs 和 pyppeteer 三种方式
1531 0
实用技巧 | Pyecharts可视化渲染为图片保存