在 Safari/iPhone 上更改框架大小
我喜欢在 iPhone 上安装旧的 Intranet 应用程序。 包括隐藏位于框架中的菜单区域的功能：
<frameset id="myFrameSet" cols="150,*">
<frame id="menuFrame" SRC="menu.aspx" />
<frame id="mainFrame" SRC="main.aspx" />
</frameset>
菜单包含一个图标，将菜单框架隐藏到最低限度。为此，我使用这个 JavaScript 表达式：
top.document.getElementById('myFrameSet').cols = "20,*";
这在所有当前的桌面浏览器中都运行得很好。但在 iPhone 或 iPad 上的 Safari 浏览器中则不然。对此进行调试似乎可以正确更改“cols”属性，但帧大小仍保持在之前的位置。
对此有何建议？或者有什么不同的方式来改变客户端的帧大小？
I like to bring an old intranet application on the iPhone.
Included is a function to hide the menu area which is located in a frame:
<frameset id="myFrameSet" cols="150,*">
<frame id="menuFrame" SRC="menu.aspx" />
<frame id="mainFrame" SRC="main.aspx" />
</frameset>
The Menu contains an iconing hiding the Menu frame to a minimum. For that I use this JavaScript expression:
top.document.getElementById('myFrameSet').cols = "20,*";
This works in all current desktop browsers very well. But not in Safari on an iPhone or iPad. Debugging this it seems to change the "cols" attribute correctly, but the frame size remains where it was before.
Any suggestions on this? Or any different way to change a frame size client side?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
坦率地说，我会研究一个根本不涉及使用框架的解决方案。由于可访问性问题，框架在当今的网络中大多已被弃用，而在移动和小型设备上，这些问题变得更加突出。
考虑将顶部框架转换为顶部面板，作为所有页面上的
，可以使用 CSSposition:fixed; 进行定位。 top:0;将其粘贴到屏幕顶部。然后就可以用JS直接调整div的大小了。问我是否想要一个具体的例子。Frankly, I'd work on a solution that doesn't involve using frames at all. Frames are mostly deprecated in today's web because of accessibility troubles, and on mobile and small devices, these problems become even more prominent.
Consider converting your top frame into a top panel as a
<div>on all pages, which can be positioned using the CSSposition:fixed; top:0;to stick it to the top of the screen. You can then use JS to adjust the size of the div directly. Ask me if you want a concrete example.