标签: webkit

当我尝试从包含另一个域网址的iframe将哈希值设置为父网址时,我收到以下错误:

不安全的JavaScript尝试从URL"URL2"的框架访问URL"URL1"的框架.域,协议和端口必须匹配.

我该如何解决这个问题？

我想-webkit-transform: rotate()动态地使用JavaScript 更改属性,但常用的setAttribute不起作用:

img.setAttribute('-webkit-transform', 'rotate(60deg)');

这.style也不起作用......

如何在JavaScript中动态设置它？

似乎Google Chrome最近有一次更新,导致文本模糊后出现问题transform: scale().具体来说,我这样做:

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

如果您在Chrome中访问http://rourkery.com,则应在主文本区域看到问题.它不习惯这样做,它似乎没有影响其他webkit浏览器(如Safari).还有其他一些关于人们遇到类似3d变换问题的帖子,但是找不到像这样的2d变换.

任何想法将不胜感激,谢谢!

我在chrome上收到错误"未捕获RangeError:超出最大调用堆栈大小".这是我的jQuery函数

$('td').click(function () {
        if ($(this).context.id != null && $(this).context.id != '') {
            foo($('#docId').val(), $(this).attr('id'));
        }
        return false;
    });

请注意,页面中有数万个单元格.但是,我通常将堆栈溢出与递归相关联,在这种情况下,据我所知,没有.

创建这样的lambda会自动在堆栈上生成一堆东西吗？有什么办法吗？

目前我唯一的解决方法是在呈现HTML时在每个单元格上显式生成onclick事件,这使得HTML更大.

我花了很多时间试图弄清楚为什么视频嵌入在这里:

<video height="256" loop autoplay muted controls id="vid">
         <source type="video/mp4" src="video_file.mp4"></source>
         <source type="video/ogg" src="video_file.ogg"></source>
</video>

在FireFox中加载页面后开始自动播放但在基于Webkit的浏览器中无法自动播放.这只发生在一些随机页面上.到目前为止,我无法找到原因.我怀疑CMS编辑器创建了一些未封闭的标签或大量的JS.

在iPhone/iPad/iPod上的Webkit中,<a>当您点击元素时,不会触发为标记指定样式:活动伪类.我该如何触发？示例代码:

<style> 
a:active { 
    background-color: red;
}
</style>
<!-- snip -->
<a href="#">Click me</a>

我有一个应用程序,它通过JavaScriptCore在webkit-gtk浏览器中扩展JavaScript.现在我有几个类,我添加到全局上下文,如下所示:

void create_js(gpointer context, char* className, JSClassDefinition clasDefinition) {
    JSClassRef classDef = JSClassCreate(&clasDefinition);
    JSObjectRef classObj = JSObjectMake(context, classDef, context);
    JSObjectRef globalObj = JSContextGetGlobalObject(context);
    JSStringRef str = JSStringCreateWithUTF8CString(className);
    JSObjectSetProperty(context, globalObj, str, classObj, kJSPropertyAttributeNone, NULL);
    JSStringRelease(str);
}

现在,我还想将这些类添加到WebWorker的上下文中,因此我可以从JS中实例化的worker中调用它们.

我试过Worker这样的对象:

JSStringRef workerStr = JSStringCreateWithUTF8CString("Worker");
JSObjectRef worker = JSObjectGetProperty(context, globalObj, workerStr, NULL);
JSObjectSetProperty(context, worker, str, classObj, kJSPropertyAttributeNone, NULL);
JSStringRelease(workerStr);

但是这会将它添加到WorkerConstructor对象中,并且当new Worker()调用a时,这些类不可用.

当我使用CSS时,我经常在浏览器中测试 - 比如说Chrome,右键单击一个元素,单击Inspect Element,然后在那里编辑CSS.使用箭头键来改变边距和填充等内容可以让事情变得非常容易.

然后将这些更改应用到CSS文件并不是很难,但如果我可以在检查器中右键单击选择器并选择"导出"或"复制",并将内容提供给我,那将会很酷.剪贴板.

这样的事情存在吗？

我有两个绝对定位的div元素重叠.两者都通过css设置了z-index值.我使用translate3dwebkit变换在屏幕上为这些元素设置动画,然后再返回到屏幕上.变换后,元素不再遵循其设定z-index值.

任何人都可以解释一旦我对它们进行webkit转换后,div元素的z-index/stack-order会发生什么？并解释我可以做些什么来保持div元素的堆栈顺序？

以下是有关我如何进行转换的更多信息.

在转换之前,每个元素都通过css获取这两个webkit转换值(我使用jQuery来执行.css()函数调用:

element.css({ '-webkit-transition-duration': duration + 's' });
element.css({ '-webkit-transition-property': '-webkit-transform' });

然后使用translate3d -webkit-transform对元素进行动画处理:

element.css({ '-webkit-transform': 'translate3d(' + hwDelta + 'px, 0, -1px)' });

顺便说一句,我已经尝试将第三个参数设置translate3d为几个不同的值,以尝试在3d空间中复制堆栈顺序,但没有运气.

此外,iPhone/iPad和Android浏览器是我的目标浏览器,此代码需要运行.两者都支持webkit转换.

我在我的应用程序中使用textarea组件,并动态控制它们的高度.当用户键入时,只要有足够的文本,高度就会增加.这适用于IE,Firefox和Safari.

但是,在Safari中,右下角有一个"句柄"工具,允许用户通过单击和拖动来调整文本区域的大小.我还注意到stackoverflow的一个问题页面中的textarea问题.这个工具很混乱,基本上妨碍了.

那么,无论如何都要隐藏这个调整大小的句柄？

(我不确定"句柄"是否是正确的词,但我想不出更好的词.)