分屏浏览 V2EX,只需要两步。

2023-01-11 15:15:31 +08:00
 tool2d
我是 V2 重度用户,每次浏览帖子要打开一堆 TAB ,感觉好烦。其实靠分屏,一个 TAB 就可以解决所有问题。

第一步,创建一个 iframe ,起一个名字,追加到当前的 document 里。
第二步,遍历所有 A 标签,把打开目标改成 iframe 的名字。

把下面的 JS 代码,复制到 Chrome 控制台运行即可。(我个人是绑定在快捷键上运行 JS )

var iframeobj = document.createElement('iframe');
iframeobj.name = 'iframe_splitview';
iframeobj.style.zIndex = 999;
iframeobj.style.left = '50%';
iframeobj.style.top = 0;
iframeobj.style.width = '50%';
iframeobj.style.height = '100%';
iframeobj.style.position = 'fixed';
document.body.style.marginRight = '50%';
document.body.appendChild(iframeobj);

document.querySelectorAll('a').forEach(function(r_node) {
r_node.target = "iframe_splitview";
});

4101 次点击
所在节点    分享创造
31 条回复
LavaC
2023-01-11 15:31:58 +08:00
你是懂平行视界的
kokdemo
2023-01-11 15:33:31 +08:00
你这个想法,让我想起了几年前我写的 chrome 插件 https://v2ex.com/t/291810 思路很像
wudicgi
2023-01-11 15:33:35 +08:00
试了一下,右侧都有导航栏,能看文字的区域有点窄
LZ 是用的带鱼屏吗?
mywaiting
2023-01-11 15:45:36 +08:00
悄悄告诉贴主,这段 JS 可以稍微处理一下插入到设置里面的 CSS 规则中~

相当于自己给自己 XSS~

于是就能随站欢快地使用了,不用打开 DX 控制台了~
2han9wen71an
2023-01-11 15:55:27 +08:00
@mywaiting 等一份代码
falcon05
2023-01-11 16:00:44 +08:00
@mywaiting 真的假的,那个自定义 css 设置能插入 js ?
shuxhan
2023-01-11 16:01:12 +08:00
有点意思,还可以再优化一下,把列表处理处理
falcon05
2023-01-11 16:04:21 +08:00
这个像某些以前很多管理后台用的方式,左侧是菜单,单击后内容在右侧的 iframe 打开,dedecms 就是这样。
ONEBOYS
2023-01-11 16:05:55 +08:00
可以收藏到书签,代码填在网址栏里,不过要在前面加个 javascript:
ONEBOYS
2023-01-11 16:06:26 +08:00
@wudicgi 我的 mac13 ,改 65%刚好
ONEBOYS
2023-01-11 16:09:26 +08:00
@shuxhan
document.querySelectorAll('a.topic-link').forEach(function(r_node) {
r_node.target = "iframe_splitview";
});
haozes
2023-01-11 16:20:09 +08:00
还真特么好用!
shakoon
2023-01-11 16:51:16 +08:00
嗯,有点二十年前上猫扑的感觉了
chestnutnull
2023-01-11 17:03:51 +08:00
建议楼主加到油猴.
greatghoul
2023-01-11 17:07:44 +08:00
猫扑即视感
Xyg12133617
2023-01-11 17:17:17 +08:00
已加到油猴,真的牛。
Xyg12133617
2023-01-11 17:23:46 +08:00
不过老哥有个问题就是,右边分出来的屏有一道竖线,是因为第二道屏又进行了分屏操作吗?
用 F12 看了一下这道竖线,应该就是第二屏又分了屏
<iframe name="iframe_splitview" style="z-index: 999; left: 50%; top: 0px; width: 50%; height: 100%; position: fixed;"></iframe>
moonkiller
2023-01-11 17:39:17 +08:00
怎么加油猴,蹲个现成猴子🐒
lyusantu
2023-01-11 18:24:48 +08:00
@moonkiller 直接油猴添加新脚本,粘进去就行
ijrou
2023-01-11 18:39:06 +08:00
能做成油猴脚本就好了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/908164

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX