标签: webkit

有没有办法让手机号码可以在iPhone或Android手机上点击以拨打HTML电话?

是否可以在HTML中点击一个电话号码,以便当用户点击它被呼叫的号码时?

html iphone android webkit mobile-safari

75
推荐指数
1
解决办法
9万
查看次数

如何通过JavaScript重新触发WebKit CSS动画?

所以,我有这个-webkit-animation规则:

@-webkit-keyframes shake {
    0% {
        left: 0;
    }
    25% {
        left: 12px;
    }
    50% {
        left: 0;
    }
    75% {
        left: -12px;
    }
    100% {
        left:0;
    }
}
Run Code Online (Sandbox Code Playgroud)

还有一些CSS定义了我的一些动画规则box:

#box{
    -webkit-animation-duration: .02s;
    -webkit-animation-iteration-count: 10;
    -webkit-animation-timing-function: linear;
}
Run Code Online (Sandbox Code Playgroud)

我可以shake#box这样的:

document.getElementById("box").style.webkitAnimationName = "shake";
Run Code Online (Sandbox Code Playgroud)

但是我以后再也不能动摇了.

这只会震动一次:

someElem.onclick = function(){
    document.getElementById("box").style.webkitAnimationName = "shake";
}
Run Code Online (Sandbox Code Playgroud)

如何在不使用超时或多个动画的情况下通过JavaScript重新触发CSS动画?

javascript css html5 animation webkit

74
推荐指数
4
解决办法
7万
查看次数

使用Capybara,如何切换到带有"_blank"目标的链接的新窗口?

也许这实际上不是我遇到的问题,但似乎当我"click_link"一个带有target ="_ blank"的链接时,会话将焦点保持在当前窗口.

所以我要么能够切换到新窗口,要么忽略_blank属性 - 本质上,我只是希望它实际上转到链接指示的页面,这样我就能确保它是正确的页面.

我使用webkit和selenium驱动程序.


我在下面提交了我的调查结果.非常感谢更彻底的答案.

此外,这只适用于selenium - 相当于webkit驱动程序(或指出我自己可以发现它的位置)将非常感激.

testing selenium webkit ruby-on-rails capybara

74
推荐指数
10
解决办法
4万
查看次数

在JavaScript中触发键盘事件

我正在尝试使用JavaScript在Safari中模拟键盘事件.

我试过这个:

var event = document.createEvent("KeyboardEvent");
event.initKeyboardEvent("keypress", true, true, null, false, false, false, false, 115, 0);
Run Code Online (Sandbox Code Playgroud)

......还有这个:

var event = document.createEvent("UIEvents");
event.initUIEvent("keypress", true, true, window, 1);
event.keyCode = 115;
Run Code Online (Sandbox Code Playgroud)

但是,在尝试这两种方法之后,我遇到了同样的问题:在执行代码之后,事件对象的keyCode/ whichproperties设置为0,而不是115.

有谁知道如何在Safari中可靠地创建和发送键盘事件?(如果可能的话,我宁愿用纯JavaScript实现它.)

javascript safari webkit keyboard-events dom-events

73
推荐指数
4
解决办法
16万
查看次数

Webview无法使用Delphi XE2在MacOS中显示

我已经开始转换要在Delphi中使用的Webview接口.我已设法加载webkit库,并且调用的接口方法似乎正常工作,但是,我似乎无法在主窗体上显示Webview.

下面是我声明的接口

  WebFrameClass = interface(NSObjectClass)
  ['{7BE750C8-DFEC-4870-851A-12DBCB0B78F6}']
  end;

  WebFrame = interface(NSObject)
  ['{BCFA04BE-41AB-4B78-89C0-3330F12C7695}']
    procedure loadRequest(request: NSURLRequest); cdecl;
  end;
  TWebFrame = class(TOCGenericImport<WebFrameClass, WebFrame>)  end;

  WebViewClass = interface(NSViewClass)
  ['{0D9F44B7-09FD-4E35-B96E-8DB71B9A2537}']
    {class} function canShowMIMEType(MIMEType: NSString): Boolean; cdecl;
  end;

  WebView = interface(NSView)
  ['{C36D8016-2FCB-49F0-BA1C-C9913A37F9AC}']
    procedure clos; cdecl;
    procedure setHostWindow(hostWindow: NSWindow); cdecl;
    function initWithFrame(frame: NSRect; frameName: NSString; groupName: NSString): Pointer; cdecl;
    function mainFrame: WebFrame; cdecl;
  end;
  TWebView = class(TOCGenericImport<WebViewClass, WebView>)  end;
Run Code Online (Sandbox Code Playgroud)

以下是构建WebView的代码:

procedure TForm2.Button1Click(Sender: TObject);
var
  PWebView: Pointer;
  FwkMod: HMODULE;
  MyWebView: WebView;
  urlStr: NSURL;
  urlreq: NSURLRequest;
const
  WebKitFWK: string …
Run Code Online (Sandbox Code Playgroud)

delphi macos webkit freepascal delphi-xe2

73
推荐指数
1
解决办法
2245
查看次数

是否有用于Windows/C#开发的可嵌入Webkit组件?

我见过一些包含Gecko渲染引擎的COM控件(GeckoFX,以及Mozilla发布的控件 - mozctlx.dll).是否有可以包含在.NET Winform应用程序中的Webkit包装器?

.net com gecko webkit

72
推荐指数
7
解决办法
14万
查看次数

text-align:在<select>或<option>上右键

有没有人知道是否可以将文本对齐到WebKit中某个<select>或更具体<option>元素的右侧.这不需要是包含IE的跨浏览器解决方案,但如果可能的话应该是纯CSS.

我试过了两个:

select { text-align: right }并且option { text-align: right },似乎在WebKit(Chrome,Safari或Mobile Safari)中都没有.

任何帮助感激不尽!

html css webkit

72
推荐指数
4
解决办法
11万
查看次数

setUseWideViewPort()和setLoadWithOverviewMode()精确地做了什么?

我对缺乏WebView及相关内容的文档感到失望.

(除非你认为以下是财产纪录)

public void setLoadWithOverviewMode(boolean overview)

设置WebView是否加载具有概览模式的页面

和:

public synchronized void setUseWideViewPort(boolean use)

告诉WebView使用宽视口

那么:什么是"概述模式"?什么是"宽视口"?

ps:我试图寻找与webkit相关的文档但却找不到它.

android webkit webview

71
推荐指数
3
解决办法
4万
查看次数

$ http不会在请求中发送cookie

我们正在使用AngularJS和Java Servlets开发RESTful Web服务.当用户登录时,我们的后端会向前端发送"Set-Cookie"标头.在Angular中,我们通过$cookies(ngCookie - module)访问标题并进行设置. 在此输入图像描述

现在用户已登录,他可以删除一些东西.因此,前端向后端发送GET请求.因为我们在不同的域上工作,所以我们需要设置一些CORS Headers,而Angular会在实际的GET请求之前执行OPTIONS请求:

选项要求: 选项请求

GET请求 GET请求

我们通过$ http模块在Angular中执行此操作,但它不会发送包含的cookie JSESSIONID.

如何启用Angular发送cookie?

html5 webkit xmlhttprequest angularjs

70
推荐指数
2
解决办法
6万
查看次数

在Webkit浏览器中使TBODY可滚动

我知道这个问题,但没有一个答案适用于Safari,Chrome等.

接受的策略(如此处所示)是设置tbody高度和溢出属性,如下所示:

<table>
    <thead>
        <tr><th>This is the header and doesn't scroll</th></tr>
    </thead>
    <tbody style="height:100px; overflow:auto;">
        <tr><td>content that scrolls</td></tr>
        <tr><td>content that scrolls</td></tr>
        <tr><td>content that scrolls</td></tr>
        <tr><td>content that scrolls</td></tr>
        <tr><td>content that scrolls</td></tr>
        <tr><td>content that scrolls</td></tr>
        <tr><td>content that scrolls</td></tr>
    </tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

不幸的是,这在任何webkit浏览器中都不起作用.有一个关于它的错误报告似乎不是一个高优先级(据报道,05年6月).

所以我的问题是:是否有其他策略确实有效?我尝试过双表方法,但是不可能保证标题与内容对齐.我只需要等待Webkit修复它吗?

html css webkit

69
推荐指数
5
解决办法
9万
查看次数