标签: webkit

HTML书籍式的分页

如何在屏幕大小的块中拆分HTML文件的内容,以便在WebKit浏览器中"分页"它?

每个"页面"应显示完整的文本量.这意味着不得在屏幕的顶部或底部边框中将一行文本切成两半.

编辑

这个问题最初标记为"Android",因为我打算构建一个Android ePub阅读器.但是,似乎解决方案只能使用JavaScript和CSS实现,因此我扩大了问题的范围,使其与平台无关.

html javascript css pagination webkit

59
推荐指数
5
解决办法
2万
查看次数

如何在Chrome或Safari中的缩小JS功能上设置断点?

我想在Chrome或Safari JavaScript调试器的"Cart.add"功能中设置断点.问题是,这个函数是在一个大的缩小的JS文件中定义的,并且它本身不存在于一行上.

一些文档说基于WebKit的调试器在调试控制台中支持"break"或"debug"命令,但这些命令似乎不适用于较新版本的调试器.

在JS文件的该上设置断点也不起作用,因为该行上有许多函数.

有什么建议?

javascript debugging safari webkit google-chrome

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

每个版本的iOS都附带什么版本的移动Safari?

我正在试图弄清楚我可以用什么Javascript API来支持Mobile Safari回iOS2.我没有在任何地方找到一个列表,显示每个新版本的iOS随附的Mobile Safari版本.我正在寻找一个全面的列表,一直回到iOS2.

谢谢!

[编辑:是的,我知道并喜欢功能检测.但是,我需要支持一组有针对性的浏览器,我只需要验证我提供的回退覆盖了我的目标受众,而且我不需要提供额外的后备,这些都是繁琐的黑客攻击.)

javascript webkit mobile-safari ios

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

CSS3属性webkit-overflow-scrolling:touch ERROR

iOS 5向Web设计人员发布了一个新属性-webkit-overflow-scrolling:touch,该属性使用iOS设备硬件加速器为可滚动div提供本机滚动.

当我们在开发中的网站上实施它确实有效但不是很好.我相信可能存在CSS问题因此我在这里问.

以下小提琴将向您展示它的完美运作

如果您在开发中弹出我们的网站,您会在设施选项卡下找到相同的面板,但在iOS上虽然滚动是完美的,溢出的部分不会显示图片文字切成两半.

http://www.golfbrowser.com/courses/mill-ride/

我不知道如何修复这个 http://www.golfbrowser.com/photo.PNG

webkit overflow css3 ios5

58
推荐指数
3
解决办法
9万
查看次数

从WKWebView获取所有cookie

虽然UIWebView通过使用来获取cookie 似乎很简单NSHTTPCookieStorage.sharedHTTPCookieStorage(),但它似乎WKWebView将cookie存储在其他地方.

我做了一些研究,然后我从NSHTTPURLResponse对象中抓取了一些饼干.但是,这并不包含以下所用的所有Cookie WKWebView:

func webView(webView: WKWebView, decidePolicyForNavigationResponse navigationResponse: WKNavigationResponse, decisionHandler: (WKNavigationResponsePolicy) -> Void) {

  if let httpResponse = navigationResponse.response as? NSHTTPURLResponse {
    if let headers = httpResponse.allHeaderFields as? [String: String], url = httpResponse.URL {
      let cookies = NSHTTPCookie.cookiesWithResponseHeaderFields(headers, forURL: url)

      for cookie in cookies {
        logDebug(cookie.description)

        logDebug("found cookie " + cookie.name + " " + cookie.value)
      }
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

奇怪的是WKWebsiteDataStore,ios 9中还有一个负责管理cookie WKWebView的类,但是,该类不包含检索cookie数据的公共方法:

let storage = WKWebsiteDataStore.defaultDataStore() …
Run Code Online (Sandbox Code Playgroud)

webkit uiwebview ios swift wkwebview

58
推荐指数
6
解决办法
5万
查看次数

-webkit-overflow-scrolling:touch; Apple的iOS8中断了

我正在开发一个网络应用程序,它-webkit-overflow-scrolling:touch在几个地方使用,以提供溢出的divs惯性滚动.

自从更新到IOS8后,-webkit-overflow-scrolling: touch停止了你能够滚动的任何东西,到目前为止我能够解决这个问题的唯一方法是删除-webkit-overflow-scrolling: touch标准的粘性滚动.请帮忙!

以下是适用于iOS5,6和7的标准类之一的示例:

.dashboardScroll {
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; /*MAKES OVERFLOWN OBJECTS HAVE INERTIA SCROLLING*/
    -webkit-transform: translateZ(0px); /*HELPS THE ABOVE WORK IN IOS5*/
} 
Run Code Online (Sandbox Code Playgroud)

scroll webkit overflow ios8

57
推荐指数
3
解决办法
8万
查看次数

WebKit:带有css scale + translate3d的模糊文本

我发现Chrome和其他WebKit浏览器大量模糊任何已应用translate3d的css缩放内容的问题.

这是一个JS小提琴:http://jsfiddle.net/5f6Wg/.(在Chrome中查看.)

.test {
  -webkit-transform: translate3d(0px, 100px, 0px);
}

.testInner
{
  /*-webkit-transform: scale(1.2);*/
  -webkit-transform: scale3d(1.2, 1.2, 1);
  text-align: center;
}
Run Code Online (Sandbox Code Playgroud)
<div class="test">
  <div class="testInner">
    This is blurry in Chrome/WebKit when translate3d and scale or scale3d are applied.
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

有没有任何已知的解决方法?我在上面的简单示例中得到了这个,我可以简单地使用translate而不是translate3d - 这里的重点是将代码剥离到最基本的要素.

webkit blurry scale css3 translate3d

56
推荐指数
4
解决办法
9万
查看次数

如何克隆或重新调度DOM事件?

我正在寻找一种简单而抽象的方法来克隆或重新调度DOM事件.我对克隆DOM节点不感兴趣.

我已经尝试了一下,阅读了DOM Events规范,但我没有找到明确的答案.

理想情况下,我正在寻找一些直截了当的东西:

handler = function(e){
  document.getElementById("decoy").dispatchEvent(e)
}
document.getElementById("source").addEventListener("click", handler)
Run Code Online (Sandbox Code Playgroud)

当然,这个代码示例不起作用.有一个DOM例外,说明事件当前正在调度 - 显然.

我想避免手动创建新事件document.createEvent(),初始化它们并调度它们.

这个用例有一个简单的解决方案吗?

javascript events dom webkit

56
推荐指数
1
解决办法
2万
查看次数

WebKitFormBoundary之后的随机字符串是什么意思?

我正在尝试使用BI工具自动化从数据库系统中提取数据的过程,然后通过HTTP POST将其上传到网站.

我正在使用的BI工具允许我将Request up构建为文本对象,然后将其发送到Web资源.

为了实现这一点,我使用Fiddler捕获Chrome在手动填写表单时发送的Web请求.

该请求包含以下内容......

------WebKitFormBoundarycwwJjby5xTdrlr48
Content-Disposition: form-data; name="upload"; filename="data.csv"
Content-Type: application/vnd.ms-excel

CSV HEADER DATA 
CSV ROW DATA

------WebKitFormBoundarycwwJjby5xTdrlr48
Content-Disposition: form-data; name="returnErrorCsv"


------WebKitFormBoundarycwwJjby5xTdrlr48
Content-Disposition: form-data; name="returnUrl"


------WebKitFormBoundarycwwJjby5xTdrlr48
Content-Disposition: form-data; name="entityPropertiesToReturn"


------WebKitFormBoundarycwwJjby5xTdrlr48
Run Code Online (Sandbox Code Playgroud)

然后我得到BI工具来模仿上面的请求并替换从数据库中提取的数据(CSV HEADER DATA和CSV ROW DATA数据将去的地方 - 这个数据是保密的,所以我不得不将其删除).

这一切都正常,但我的问题是WebKitFormBoundary之后的字符串是什么意思?IE cwwJjby5xTdrlr48

它只是一个随机字符串来标识来自另一个的一个请求?还是有另一个目的?

目前我正在我的所有请求中重新使用cwwJjby5xTdrlr48,它似乎工作正常,但我认为可能值得问我是否应该构建自己的字符串.

webkit

56
推荐指数
1
解决办法
5万
查看次数

在WKWebView中禁用放大手势

我正在寻找一种方法来禁用WKWebView的iOS实现上的"捏缩放"放大手势.OS X有一个放大BOOL属性,但它似乎在iOS上不可用.

WKWebView.h

#if !TARGET_OS_IPHONE
/* @abstract A Boolean value indicating whether magnify gestures will
 change the web view's magnification.
 @discussion It is possible to set the magnification property even if
 allowsMagnification is set to NO.
 The default value is NO.
 */
@property (nonatomic) BOOL allowsMagnification;
Run Code Online (Sandbox Code Playgroud)

我也试过看看WKWebView的手势识别器,但这似乎是一个空阵列.我假设实际的识别器在组件的结构中更深(比较复杂,看起来很复杂),如果可能的话,宁愿不去挖掘它们.

我知道可能存在可能会禁用手势的黑客攻击(有选择地将手势传递给WebView,添加子视图以捕获捏手势等)但我总是发现那些引入滞后的事件并希望将实现保持为尽可能清洁/黑客.

webkit ios ios8 wkwebview

56
推荐指数
8
解决办法
4万
查看次数