基于浏览器的分屏阅读

最新推荐文章于 2022-11-15 19:47:03 发布
最新推荐文章于 2022-11-15 19:47:03 发布
阅读量1k 收藏
点赞数 1
分类专栏： 学习技巧 文章标签： chrome javascript web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Hacker_MAI/article/details/105581795
版权

基于浏览器的分屏阅读

制作分屏书签

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

新建一个空页面
图1
将新建页面存为书签
在这里插入图片描述
在这里插入图片描述
进入书签管理界面，编辑书签网址
在这里插入图片描述
将其替换为如下代码，并保存。

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

在这里插入图片描述

分屏测试

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

分屏效果

在这里插入图片描述

恢复界面

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

这世界比瞳孔还漆黑
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浏览器分屏技巧，一行代码搞定!!!
qinai700的博客
04-13 4773
目录一行代码修改书签中的网址分屏效果附录 一行代码 javascript:document.write('<HTML><HEAD></HEAD><FRAMESET COLS=\'50%25,*\'><FRAME SRC=' + location.href + '><FRAME SRC=' + location.href + '&gt...
如何实现浏览器界面分屏
weixin_42000850的博客
05-01 2476
1、添加进收藏夹 2、在状态栏，点击之前收藏的书签，右键—>修改 3、在网站那里，输入分屏代码： javascript:document.write(’<FRAMESET COLS=‘50%25,*’>’) 欧克， ...
浏览器分屏效果
无知者无畏
10-07 307
打开一个空白网页： 按 ctrl + D 打开：修改书签窗口，选择更多 名称：分屏 网站：将下面代码复制粘贴 存放位置：选择书签栏，使用方便 javascript:document.write('<HTML><HEAD></HEAD><FRAMESET COLS=\'50%25,*\'><FRAME SRC=' + location.href + '><FRAME SRC=' + location.href + '></FR
浏览器界面分屏代码
KindSuper_liu的专栏
11-15 432
在浏览器中一个界面怎么同时显示两个界面
页面分屏
qq_43424234的博客
04-14 463
打开一个新标签页 并将这个页面保存为书签，命名为“分屏”； 复制下面这段代码粘贴到URL中即可。 javascript:document.write('<HTML><HEAD></HEAD><FRAMESET COLS=\'50%25,*\'><FRAME SRC=' + location.href + '><FRAME SR...
browser@浏览器分屏方案(split tag)
xuchaoxin1375的博客
03-05 1188
然而,支持被加载的网页不多(比如csdn)🤣(网站自己的保护措施)该插件还有bug,安装完成后需彻底重启浏览器生效。使得浏览器的同一个窗口中加载多个页面.这就灵活很多,有很多类似的插件可以选择。第二个窗口需要将链接拖入到空白区。url:(js)代码。
js实现扩展显示器分屏操作
weixin_30721077的博客
11-09 2370
新打开窗口在扩展显示器显示 1、用到window.open方法打开新窗口。 2、用到window.screen方法获取显示器参数。 （一）window。open方法的使用： 一、window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二、基本语法： window.open(pageURL,n...
document write()的用法与注意事项
我是张跑跑
09-26 5625
1 概述 document.write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。 可列出多个参数(exp1,exp2,exp3,…) ，它们将按顺序被追加到文档中，默认情况是不会换行的。 我们通常按照两种的方式使用 write() 方法：一是在使用该方在文档中输出 HTML，另一种是在调用该方法窗口之外的窗口。在第二种情况中，请务必使用 close() 方法来关闭文档...
浏览器标签页分屏_不同浏览器同一个tab里面怎么实现分屏？#技能get#
夏末浅笑
08-04 1011
作者：夏末浅笑 原文地址：https://blog.ccswust.org/16028.html 你是否遇到过需要看一篇超级长的文章，看到文章结尾已经完全忘记开头讲的什么；或者需要在同一篇文章的不同段落进行内容对比，想要同时看两个段落，采用同时打开两个标签页，单独拉伸浏览器大小的方法又很麻烦，而且一切换软件，无法自动回到分屏的页面，知道君教你一招，用小书签的方式，简单快速的实现浏览器分屏，切换方便！ 代码 javascript: document.write('<HTML><.
网站风格分屏选择响应式网页模板
01-23
1. **响应式设计原理**：响应式设计基于“流式布局”（Fluid Grids）、“弹性图片”（Flexible Images）和“媒体查询”（Media Queries）三大原则。流式布局使页面元素按比例缩放，弹性图片则允许图片随着容器大小...
APP分屏设计响应式网站模板
01-22
响应式设计通常基于灵活的网格系统、媒体查询和可适应不同尺寸的图像来实现。 “分屏设计”在响应式网站模板中尤其重要，因为它可以帮助设计师优化移动设备上的用户界面，使用户能在有限的屏幕空间内更高效地使用...
jsplit分屏软件
04-17
作为一款基于Web的工具，jsplit通常具有良好的浏览器兼容性，能够运行在主流的桌面和移动设备上，包括Chrome、Firefox、Safari、Edge以及Android和iOS的浏览器。 ### 七、应用实例 jsplit分屏软件广泛应用于网页...
基于chrome浏览器插件，通过C#.net的WPF窗体，实现浏览器分隔效果，.zip
最新发布
03-08
标题中的“基于chrome浏览器插件，通过C#.net的WPF窗体，实现浏览器分隔效果”揭示了这个项目的核心内容。它涉及到三个主要技术领域：Chrome浏览器插件开发、C#.NET编程语言以及Windows Presentation Foundation...
android网页浏览器
11-22
4. **多窗口浏览**: 许多Android浏览器支持多窗口或分屏模式，用户可以同时打开和操作多个网页，提高工作效率。 5. **隐私和安全**: 浏览器通常包含隐私模式，隐藏浏览历史记录。此外，HTTPS协议的广泛采用加强了...
html中frameset的详细使用方法
小强的天空
10-22 1355
框架概念：<br />所谓框架便是网页画面分成几个框窗，同时取得多个 URL。只 要 <FRAMESET> <FRAME> 即可，而所有框架标记要放在一个总起的 html 档，这个档案只记录了该框架 如何划分，不会显示任何资料，所以不必放入 <BODY> 标记，浏览这框架必须读取这档案而不是其它框窗的档案。<FRAMESET> 是用以划分框窗，每一框窗由一个 <FRAME> 标记所标示，<FRAME>必须在 <FRAMESET> 范围中使用。如下例：<br /><frameset cols="50%,*">
frameset布局时frame中src路径的页面没有加载的解决方法
udbiqplfdn的博客
07-03 2590
今天，在写一个前面页面里，用了frameset布局页面，把在实际页面显示页面中，却无没有加载src路径。代码如下：         把实际地运行下，无法正确显示页面，把百度后，才发现问题所在(http://www.zhujiangroad.com/program/JSP/52734.html)。原因所在是由于frameset是一种框架结构，将整
HTML学习（八）：语法规则：双标签
观月执白
11-15 6355
单标签由开始标签、网页显示内容部分、结束标签三部分组成。 开始标签 网页显示内容部分 结束标签 1、<a> 标签 <a> 标签定义超链接，用于从一张页面链接到另一张页面。<a> 元素最重要的属性是 href 属性，它指示链接的目标。 <a href="http://www.google.com.cn">Google</a> 2、<abbr> 标签 <abbr> 标签指示简称或缩写，能够为浏览器、拼写检查
powershell 同时分屏显示4个浏览器 ，可以定义每个分屏的分辨率
06-02
要同时分屏显示4个浏览器，并定义每个分屏的分辨率，您可以使用PowerShell的Start-Process命令启动浏览器，并使用Add-Type命令加载Windows API Code Pack库以访问Windows Shell API。 以下是一个同时分屏显示4个浏览器的示例脚本： ``` # 加载Windows API Code Pack库 Add-Type -AssemblyName Microsoft.WindowsAPICodePack.Shell # 定义每个分屏的分辨率 $screenWidth = [Microsoft.WindowsAPICodePack.Shell.ShellSystemMetrics]::PrimaryScreenWidth $screenHeight = [Microsoft.WindowsAPICodePack.Shell.ShellSystemMetrics]::PrimaryScreenHeight $splitWidth = $screenWidth / 2 $splitHeight = $screenHeight / 2 # 启动4个浏览器并分屏显示 $browserPath = "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" Start-Process $browserPath -ArgumentList "--window-position=0,0", "--window-size=$splitWidth,$splitHeight" -WindowStyle Maximized Start-Process $browserPath -ArgumentList "--window-position=$splitWidth,0", "--window-size=$splitWidth,$splitHeight" -WindowStyle Maximized Start-Process $browserPath -ArgumentList "--window-position=0,$splitHeight", "--window-size=$splitWidth,$splitHeight" -WindowStyle Maximized Start-Process $browserPath -ArgumentList "--window-position=$splitWidth,$splitHeight", "--window-size=$splitWidth,$splitHeight" -WindowStyle Maximized ``` 在上面的脚本中，我们使用Google Chrome浏览器作为示例，您需要将浏览器可执行文件的路径替换为您要使用的浏览器的路径。脚本将定义每个分屏的分辨率，并在每个分屏中启动一个最大化窗口的Chrome浏览器实例。 如果您需要同时分屏显示不同类型的浏览器，您可以使用相应的可执行文件路径替换$browserPath变量，并使用多个Start-Process命令启动它们。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值