在chrome iframe有时不显示

junkli 2012-06-26 10:08:17

可能由于iframe加载的页面比较大，有时候不显示，但是通过审查元素，可以看到其实已经加载页面了的。

...全文

492 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

最近，天天搞论文开题报告，一时技痒，再次设计Web，一下子就碰到一个问题，以前设计WEB页的时候都是在IE里面跑的，从来没有考虑过firefox 更别提chrome了，可是现在不同了，至少我认为不兼容Firefox的WEB页面是极其丑陋和山寨的，所以从有个这个观念开始，我设计页面就开始注意这个兼容性，而这次就碰到一个兼容性的问题，html里面有一个浮动框架，<iframe >，可以在页面中内嵌入一个页面，用来做框架页面非常适合，如下图，一个html页面，分成左右两块，左边为导航栏，右边为需要显示的内容，代码如下：左栏的代码为： <IFRAME frameBorder=0 id=frmTit

显示所有JavaScript错误的通知。可见错误是Chrome浏览器的扩展程序，它使用类似于Growl的通知系统，以可视方式向您显示页面上的每个JavaScript错误。当您可能不总是打开控制台时，可以将其用于开发Web应用程序。按照JavaScript的设计方式，一个错误并不一定会停止您的Web应用程序的执行。 DOM事件仍然执行，计时器仍然触发，等等。有时可能会引发错误，但您甚至可能没有注意到它。可见错误制止了这一点。作为一名程序员，无论我是否打开控制台，我都希望看到我的应用程序抛出的每个错误。可见错误会在发生错误的页面的右上角显示通知。它们具有“固定”位置，因此不受滚动影响。如果您的应用程序中包含IFRAME，则它们会在适当时显示在框架内。支持语言:English (United States)

[更新列表] ------------------------------------------------------------------------------------------------ v2.1.1 1、修复IE6静止定位的对话框导致页面变长的问题 v2.1.0 1、增加menuBtn参数, 支持让对话框在指定元素附近弹出(菜单模式) 2、剔除鸡肋参数'parent'，框架相互调用请用javascript原生方法 3、剔除对话框关闭后回调函数，如果需要使用请使用内置扩展方法 4、如果有取消按钮回调函数，那关闭按钮的回调函数也将与其相同 5、增加当出现多个对话框时让顶层的与众不同的特性 6、让Esc键关闭最高层对话框 7、锁屏的时候改用js屏蔽页面滚动功能，取消原来CSS隐藏滚动条，防止页面偏移 8、给确定按钮增加Ctrl + Enter快捷键，锁屏的时候支持tab与方向键切换按钮焦点 9、锁屏的时候屏蔽了键盘操作刷新、Tab切换(只在对话框中可用)与全选 10、修复Chrome特定情况下出现的iframe错位问题 11、修正2.0.8版本后锁屏不兼容Safari的问题 12、修复Firefox调大对话框拖帧的现象 13、修复拖动对话框时候可能因鼠标置入iframe窗口而导致鼠标被粘住的问题 14、修复了内部$.newId方法的一处错误，特定情况下导致定义了ID的对话框无法弹出 15、删除脚本对IE6 png bug内置支持，之前测试版本自动修复ie6 png皮肤是因为作者偷懒 16、修改aero皮肤CSS、针对IE6单独兼容，减少之前脚本修复png占用过多的客户端资源 17、默认皮肤改为前版的mini，没有使用任何背景图片，完全用css表现 18、修复一处隐秘BUG：当使用Ctrl+回车提交表单并弹出对话框时导致弹出新窗口 (因为此时焦点在对话框关闭链接上，这个快捷键让很多浏览器新建窗口) 19、重新绘制'earo'皮肤，修复毛边的问题 20、修复拖动的时候出现选中文本的现象(自动清除选择) 21、如果对话框高度超过浏览器视口的一半高度则不使用黄金比例垂直居中 22、修复了IE7通过url参数创建的iframe可能出现边框线的小问题 23、为了后续版能够提更多接口(小巧而强大的)，想了很久狠心改了调用名：art.dialog(); 24、既然连入口都改了，那再改下配置名(为了后续可能的拓展)： 'url'参数名改为'iframe' 25、可以自适应iframe内容的大小(不跨域的前提下) 26、对超过预设面积大小的对话框拖动自动采用替身的方式，以求拖动更流畅 27、新增加一个'data'的接口，它保存了你对话框每次创建的消息对象 (操作iframe消息将更加方便,如提交iframe表单。稍后添加更多的例子..) 28、对于简单的消息可以使用简写: artDialog('hello world') 29、让IE6支持覆盖下拉控件的同时也支持透明皮肤 30、优化锁屏渐变动画 31、修复范围限制函数没有生效的错误 32、修复一处笔误，忘记声明变量导致泄漏出去污染全局 v2.0.9 1、优化代码结构，弹出后仍可访问内部方法(如关闭)，大大增强了灵活性 2、修正IE7锁屏的时候滚动条没有禁止的问题 3、让焦点自动附加到确定按钮或者关闭按钮 v2.0.8 1、修正超大对话框并使用定位时候可能被截取的BUG 2、修复Opera无法正确处理对话框叠加高度(z-index)的BUG 3、修复Opera设置坐标时候出现的变形BUG v2.0.7 1、 url参数加载外部页面的时候显示loading动画 2、预加载皮肤背景图片 3、优化拖动 v2.0.6 1、解决页面载入即弹出的情况造成水平对齐不正常的BUG(主要是dom ready事件绑定) 2、增加parent参数，支持对话框穿越框架在父页面弹出 v2.0.5 1、剔除yesClose参数，如果要点击确定或者取消按钮不自动关闭对话框，让回调函数返回false即可 2、更改x参数名为left，y为top，为后续版本拓展right与bottom参数需要 3、修改皮肤aero和chrome的图标布局，让回行消息文本留出图标的宽度 v2.0.4 1、修改一小处兼容框架样式，防止调用页面body设置了文本对齐导致对话框标题文本也居中 v2.0.3 1、增加id参数，可以方便外部脚本控制整个对话框，同时可防止对话框重复弹出 2、增加yesClose参数，用于阻止对话框点击确定后自动关闭 v2.0.0 ...

删除那个东西简单的Chrome扩展程序，用于从网站中删除烦人的内容。按住d （作为删除）按钮，然后单击任何内容将其删除。要删除的元素将突出显示。您可以使用Ctrl+Z撤消，使用Ctrl+Y重做。目前无法跨iframe使用，也许有时我会有时间对其进行升级...

允许用户自定义页面的字体大小、字体颜色和背景颜色的扩展。 A + FontSize Changer是一个Chrome扩展程序，可让用户自定义页面上的字体文本大小，文本颜色和背景颜色。实际上，它不像Chrome通过CTRL +和CTRL-缩放页面那样来更改每个元素的fontSize。有时您希望在不缩放页面的情况下增加文本大小，以使段落不会滚动到屏幕边缘之外 A + FontSize Changer在其他人失败的地方工作！即使在具有动态（ajax）内容的页面上！即使在使用iFrame的页面上！只需使用按钮更改字体大小或使用键盘快捷键ALT +和ALT-（或使用ALT +向上箭头和ALT +向下箭头。您可以在chrome：// extensions / shortcuts处更改这些热键）某些网页作者使用灰色文本颜色而不是黑色，这可能会给眼睛带来困难。使用A + FontSize Changer，您还可以更改页面上的文本颜色和背景颜色。使用此功能，您还可以创建自己的自定义“夜间模式”，在其中您可以自己选择文本颜色和背景颜色，并且不会反转图像或视频颜色，因此仍然可以看到它们。注意：iframe：如果使用ALT +或ALT-不会更改iframe中文本的字体大小，请先单击iframe，然后使用ALT +或ALT-。或者，您可以使用弹出菜单中的按钮，这将更改文档和iframe中的文本大小。对于Chrome浏览器来说，这是一个奇怪的限制。限制此扩展版的Lite版本在离开页面时不会保存自定义文本大小，颜色和背景色，也不允许您更改字体类型（字体系列）。版本历史记录2018/4/16-版本1.3.3-在弹出窗口中的按钮CSS中添加了“ user-select：none” 2018年4月6日-版本1.3.2-现在您可以使用ALT +向上箭头和ALT +向下箭头更改文本大小。您还可以在chrome：// extensions / shortcuts 2018/3/30上更改这些热键-版本1.3.1-删除了尝试使其与Google的新标签页一起使用的功能。对于道歉，没有意识到无法分辨出chrome：// newtab和创建自己的新标签的扩展名之间的区别 2018年3月22日-版本1.3.0-精简版和专业版-现在精简版也像Pro一样，以.1增量而不是.2增量更改字体大小。在Lite Edition中还修复了contentEditable错误，该错误会在用户更改为粗体或斜体时更改大小。错误修正：在调整大多数页面的字体大小之后，通过计算更改前的位置，然后设置更改后的滚动位置，可以将当前页面视图的滚动位置保持在同一位置。此版本还显示颜色选择器和颜色十六进制值的文本输入，因此您可以手动输入十六进制颜色或使用颜色选择器。此外，新设置还添加了“下划线链接”。因此，用户可以选择更改颜色时是否在链接上加下划线。默认值为“下划线链接”，因为在大多数网站上，当链接的颜色与页面上其余文本的颜色相同时，将很难看到它们。但是某些用户不希望链接带有下划线。现在，如果在更改文字大小后行高过小，则会调整行高 2018年3月21日-版本1.2.9-专业版和版本1.2.5-精简版-现在使用自定义颜色选择器而不是HTML 5颜色选择器，因为现在某些Windows用户遇到的错误与Mac OS用户相同具有HTML 5颜色选择器窗口打开和扩展弹出窗口关闭的功能。使用自定义颜色选择器可修复该错误 2017年5月8日-版本1.2.4-在专业版中，您现在可以为您访问的每个网站更改字体类型（字体系列），然后将保存字体系列 2017年4月20日-版本1.2.3-在扩展程序弹出窗口中添加了注释，说明扩展程序不适用于特殊的chrome：//页面或Chrome网上应用店 2017年4月12日-1.2.2-Mac OS X的错误修复。我相信我已经修复了一些Mac用户遇到的无法更改颜色的错误。显然，Chrome扩展程序在使用HTML 5颜色选择器的Mac OS中存在一个错误，该问题是当颜色选择器打开时，扩展程序弹出窗口关闭，导致弹出窗口无法识别颜色命令。现在为Mac用户使用其他颜色选择器 2017年4月9日-1.2.1-向颜色选择器添加了更改事件，以查看是否可以解决某些无法更改文本颜色或背景颜色的用户的问题 2016/9/12-1.2-现在，当您首次安装此扩展程序或将其禁用并重新启用时，您可能不必重新加载当前页面 2015年8月12日-1.1-修复了警报“错误：无法建立连接。”首次安装扩展程序时，单击A +图标时。现在，它告诉用户刷新页面 2015年8月12日-1.0-创建了A + FontSize Changer 支持语言:English

跨浏览器开发

5,006

社区成员

2,692

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章