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)

目录
相关文章
|
9月前
|
数据库 开发者 Python
用Python代码打造你的私人网页交互系统
用Python代码打造你的私人网页交互系统
132 1
|
4月前
|
存储 JavaScript 前端开发
使用JavaScript构建动态交互式网页:从基础到实践
【10月更文挑战第12天】使用JavaScript构建动态交互式网页:从基础到实践
269 1
|
前端开发 JavaScript 安全
使用原生JavaScript对网页或窗口进行截图
要使用原生 JavaScript 对整个网页或窗口进行截图,你可以使用 html2canvas 库。 html2canvas 是一个强大的 JavaScript 库,可以将网页的可见部分渲染为 <canvas> 元素,并且可以保存为图像。
665 0
|
开发框架 安全 .NET
您是否也有想在浏览器中实时的编辑代码并且渲染的想法?
您是否也有想在浏览器中实时的编辑代码并且渲染的想法?
103 0
|
数据采集 缓存 编解码
|
数据采集 编解码 移动开发
Puppeteer + Nodejs 通用全屏网页截图方案(二)常用参数实现
学习如何对网页截图程序设计基本参数功能。
|
前端开发 JavaScript 算法
Python调用浏览器时如何用JS去弹窗?
Python调用浏览器时如何用JS去弹窗?
362 0
Python调用浏览器时如何用JS去弹窗?
|
JavaScript API
用Vue3.0 开发一款导入浏览器书签的在线书签(上)
他的默认数据为我选的是印象中文的web导航数据;其实我自己哪里收藏了更多的导航数据,但是很多设计到公司的一些访问网站。想想还是算了,于是就用了印象中文的数据。它可以修改数据;全局搜索筛选功能;单页面完成逻辑非常简单,新手小白也能完成二次修改开发;采用granim插件完成背景动画;可选择更多动画效果;炫酷光晕背景动画效果。
418 0
用Vue3.0 开发一款导入浏览器书签的在线书签(上)
|
存储 JSON 对象存储
用Vue3.0 开发一款导入浏览器书签的在线书签(下)
他的默认数据为我选的是印象中文的web导航数据;其实我自己哪里收藏了更多的导航数据,但是很多设计到公司的一些访问网站。想想还是算了,于是就用了印象中文的数据。它可以修改数据;全局搜索筛选功能;单页面完成逻辑非常简单,新手小白也能完成二次修改开发;采用granim插件完成背景动画;可选择更多动画效果;炫酷光晕背景动画效果。
338 0
用Vue3.0 开发一款导入浏览器书签的在线书签(下)