Tag: 浏览器的WebKit

在Mobile Safari / Webkit的触摸屏上禁用文本高亮放大镜

我的iPhone网站上有一些没有任何文字的元素,但要求用户点击并按住它们(DIV)。 这会导致文本高亮显示/编辑循环/光标显示,这真的让人分心。 我知道有一个CSS规则,用于删除在点击元素时显示的黑框。 有没有这样的事情来禁用文本放大镜?

iPhone iOS将不会正确显示框阴影

该devise 响应式devise中的联系表单具有包含阴影和常规外部阴影的input字段。 看下面的图片。 代码 input { background:#fff; height:auto; padding:8px 8px 7px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:#fff solid 3px; border-radius:4px; box-shadow:0px 0px 5px rgba(0, 0, 0, .25), inset 2px 2px 3px rgba(0, 0, 0, .2); } 问题 iOS v4 +不能正确显示方块阴影。 看下面的图片。 经testing 我曾尝试使用-webkit-box-shadow。 -webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, .25), inset 2px 2px 3px rgba(0, 0, […]

缩放到适合的视口元属性有什么作用?

我很难find这个文件。 它是特定于Safari吗? 在iOS 9( 这里 )有一个最近的错误,解决scheme是添加shrink-to-fit=no的视口元。 这段代码是做什么的?

无头,脚本化的Firefox / Webkit的Linux?

我正在寻求自动化一些networking交互,即定期从安全的网站下载文件。 这基本上涉及input我的用户名/密码和导航到适当的URL。 我尝试了简单的Python脚本,然后是更复杂的脚本,只是发现这个特定的网站正在使用一些令人讨厌的基于JavaScript和Flash的login机制,使我的方法无用。 然后,我尝试HTMLUnit,但似乎并不想要工作。 我怀疑是使用Flash的问题。 我不想再考虑这个问题了,所以我倾向于使用脚本编写实际的浏览器来login并获取我需要的文件。 要求是: 在Linux服务器上运行(即没有X运行)。 如果我真的需要让XI能做到这一点,但我不会高兴。 可靠。 我想开始这个事情,不要再想这个了。 可以编写脚本 没有太复杂的,但我应该能够告诉浏览器采取的各种步骤和页面访问。 X无脚本的可编写脚本的浏览器有没有好的工具包? 你有没有尝试过这样的事情,如果有的话,你有任何智慧的话?

我的iPhone Objective-C代码如何在UIWebView中获得Javascript错误的通知?

我需要我的iPhone Objective-C代码捕获UIWebView中的Javascript错误。 这包括未捕获的exception,加载文件时的语法错误,未定义的variables引用等。 这是针对开发环境的,所以不需要是SDK-Kosher。 事实上,它只是真的需要在模拟器上工作。 我已经发现使用了一些隐藏的WebKit技巧,例如将Obj-C对象暴露给JS,并拦截警报popup窗口,但是这仍然是我无法理解的。 [注意:发布后,我find了使用debugging代理的一种方法。 有更低的开销,使用错误控制台/ Web检查器?

e.touches,e.targetTouches和e.changedTouches的变化

比方说,我正在倾听touchstart , touchmove和touchend的body元素。 让我知道如果我错了,但我认为e.touches是一样的e.targetTouches ? 如果是这样, e.changedTouches与他们有什么不同? 我的意思是,在某个特定的时刻给予一点触动,我拿起帽子去parsing它。 根据我的经验,所有三个触摸variables都是相同的。 我必须发送parsing的数据到服务器,这是相当多余的发送三次相同的确切string,是不是有办法发送一次,并以编程方式重现在服务器上touchevent?

-webkit-overflow-scrolling:touch; 在苹果的iOS8中rest

我正在使用-webkit-overflow-scrolling:touch的web应用程序-webkit-overflow-scrolling:touch在几个地方-webkit-overflow-scrolling:touch ,以使飞越div的惯性滚动。 由于更新到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*/ }

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

有谁知道是否可以将文本alignment到WebKit中的<select>或更具体的<option>元素的右侧。 这不需要是包含IE的跨浏览器解决scheme,但是如果可能的话,应该是纯粹的CSS。 我已经尝试了两个: select { text-align: right }和option { text-align: right } ,但在WebKit(Chrome,Safari或Mobile Safari)中似乎都没有工作。 任何帮助感激地收到!

如何使用CSS(和JavaScript?)创build一个模糊的“磨砂”背景?

我正在尝试用HTML5,CSS3和JavaScript来创build一个可以在webkit浏览器上工作的iOS 7风格的磨砂外观。 从技术上讲,给以下的HTML: <style> #partial-overlay { width: 100%; height: 20px; background: rgba(255, 255, 255, .2); /* TODO frost */ position: fixed; top: 0; left: 0; } </style> <div id="main-view"> <div style="width: 50px; height: 50px; background: #f00"></div> To my left is a red box<br> Now there is just text<br> Text that goes on for a few […]

在Chrome开发人员工具中查看AJAX响应内容?

传统上我使用FireBug来debugging我的AJAX请求。 它允许您检查请求的内容以及从服务器发回的响应。 (它也会在控制台中通知你这些事情发生的时间,这是Chrome似乎缺乏的一个有用的function)。 在Chrome中,我似乎只能查看请求,而不是响应。 当我尝试检查响应时,UI只显示“No Content Available”(开发工具>资源> myRequest.php>内容)。 我是否需要开启某些function才能使Chrome开发人员工具记住这些请求? 编辑:万一它很重要,这些请求正在一个Flash对象内进行。