基于浏览器的分屏阅读

这世界比瞳孔还漆黑

于 2020-04-17 16:19:17 发布

阅读量1.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：学习技巧文章标签： chrome javascript web

本文链接：https://blog.youkuaiyun.com/Hacker_MAI/article/details/105581795

学习技巧专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用浏览器实现分屏阅读的方法，通过制作分屏书签，用户可以在Chrome浏览器中轻松实现页面的分屏显示，适用于需要同时查看两个页面内容的场景。文章详细解释了制作分屏书签的步骤，包括代码的编写和使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

制作分屏书签

首先打开一款浏览器，此处以Chrome为例。

新建一个空页面

将新建页面存为书签
在这里插入图片描述

进入书签管理界面，编辑书签网址

将其替换为如下代码，并保存。

javascript:document.write('<HTML><HEAD></HEAD><FRAMESET COLS=\'50%25,*\'><FRAME SRC=' + location.href + '><FRAME SRC=' + location.href + '></FRAMESET></HTML>')

在这里插入图片描述

分屏测试

打开预实现分屏的目标页面，点击刚刚制作好的分屏书签
在这里插入图片描述

分屏效果

在这里插入图片描述

恢复界面

如何恢复原始界面呢，刷新该页面即可，F5.