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)

目录
相关文章
|
开发框架 安全 .NET
您是否也有想在浏览器中实时的编辑代码并且渲染的想法?
您是否也有想在浏览器中实时的编辑代码并且渲染的想法?
103 0
|
XML 前端开发 数据可视化
【图形基础篇】01 # 浏览器中实现可视化的四种方式
【图形基础篇】01 # 浏览器中实现可视化的四种方式
199 0
【图形基础篇】01 # 浏览器中实现可视化的四种方式
|
前端开发 Python
Selenium python 无头模式和有显模式下 页面截图后的字体不同
无头模式和有显模式下 页面截图后的字体不同
662 0
Selenium python 无头模式和有显模式下 页面截图后的字体不同
|
Python 前端开发
Tornado,展示一下模板渲染
按网上一步一步走一下。 感觉模板和DJANGO的差不多,但更灵活,不限制PYTHON的使用。 前端和后端,这模板使用的规则在哪里呢? import os.path import tornado.
1172 0
|
数据采集 编解码 移动开发
Puppeteer + Nodejs 通用全屏网页截图方案(二)常用参数实现
学习如何对网页截图程序设计基本参数功能。
|
Python
Python设置浏览器宽高
# 发起请求,设置浏览器宽高 # 代码中引入selenium版本为:3.4.3 # 通过Chrom浏览器访问发起请求 # Chrom版本:59 ,chromdriver:2.3 # 需要对应版本的Chrom和chromdriver # 请联系QQ:878799579 from selenium import webdriver driver = webdriver.
1103 0
|
小程序 前端开发 安全
uniapp中解析markdown支持网页和小程序
对于`markdown`相信大家都不陌生,日常写文档或日常记录都用到的比较多,书写的是`markdown`的格式,实时预览的是转换后的`html`样式。本次实现的需求是在`uniapp`中转换`markdown`文本展示在不同的平台,主要平台是浏览器使用和微信小程序使用。
301 1
|
数据采集 缓存 编解码
|
JavaScript 前端开发
推荐几款制作网页滚动动画的 JavaScript 库
  这里集合了几款很棒的制作网页滚动动画的 JavaScript 库和插件。它们中,有的可以帮助你在页面滚动的时候添加动感的元素动画,有的则是实现目前非常流行的全屏页面切换动画。相信借助这些插件,你也可以让网站变得高大上起来。
1404 0

热门文章

最新文章