jupyter渲染网页的3种方式

Posted chenqionghe

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jupyter渲染网页的3种方式相关的知识,希望对你有一定的参考价值。

有时候我们需要直接将获取到的内容直接显示出来,如果再新建一个文件再打开未免太麻烦,jupyter提供了几种方式可以比较方便的渲染html

一、渲染文本

将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='http://chenqionghe.cnblogs.com', width=1000, height=600)

技术图片

以上是关于jupyter渲染网页的3种方式的主要内容,如果未能解决你的问题,请参考以下文章

使用带有渲染功能的 Vue.js 3 片段

求助,Jupyter 已经启动,但是网页无法显示

Plotly express 不在 jupyter lab 中渲染

一日一技:如何从多个Jupyter Notebook中找到需要代码段

HTML代码片段

HTML代码片段