我有一个通过局域网连接访问的网页,用于屏幕共享服务,该页面提供了功能性不必要的控制面板形式,并减小了共享屏幕的大小。我一直在通过chrome的检查面板手动编辑元素,以删除所述控制面板并最大化共享屏幕的大小和位置。
由于不熟悉javascript,我曾尝试使用get elementByID和parentNode功能,但是删除该元素的尝试始终失败。
<html>
<head>
<title>ScreenStream</title>
</head>
<frameset cols="208px, *" frameborder="1">
<div id="i4c-draggable-container" style="position: fixed; z-index: 1499; width: 0px; height: 0px;">
<div data-reactroot="" class="resolved" style="all: initial;">
</div>
</div>
<frameset rows="15%, 208px, *">
<frame src="1" name="frHeader" scrolling="auto" noresize="" marginwidth="0" marginheight="0">
<frame src="2" name="frCamera" scrolling="no" marginwidth="0" marginheight="0">
<frame src="3" name="frControl" scrolling="no" noresize="" marginwidth="0" marginheight="0">
</frameset>
<frame src="4" scrolling="auto" name="frScreen" marginwidth="0" marginheight="0">
<div id="i4c-dialogs-container">
</div>
</frameset>
</html>
我一直在手动删除“ <frameset rows="15%, 208px, *">
”元素,并将“ <frameset cols="208px, *" frameborder="1">
”更改为“ cols=100%
”,它已达到我的目的,但是我一直在寻找创建带有javascript :(函数)的书签来自动执行该过程。
答案 0 :(得分:0)
javascript:(function()%7Bdocument.querySelector('frameset%5Brows%3D%2215%25%2C%20208px%2C%20*%22%5D').remove()%3B%20document.querySelector('frameset%5Bcols%3D%22208px%2C%20*%22%5D').setAttribute('cols'%2C%20'100%25')%7D)()
按照Panther的建议,我设法确定了javascript的功能行,以允许选择所需的框架集。经过一番测试之后,Chrome似乎希望以一种既定格式运行,并要求我通过Mr.Coles' Bookmarklet Creator运行代码。