草庐IT

webkit-font-smoothing

全部标签

javascript - Webkit:实时图像在 contenteditable 容器中调整大小

我正尝试在Chrome的contenteditordiv中拥有可调整大小的图像,就像Firefox那样。当您单击图像时,应出现调整大小处理程序。我尝试了jQueryUI可调整大小的插件,但是当您移动(拖放)容器内的图像时它会损坏。也尝试了CSS3resize属性,但它只适用于block元素,不适用于有什么建议吗?谢谢 最佳答案 不幸的是,WebKit不支持在可编辑元素中调整图像和表格的大小。https://bugs.webkit.org/show_bug.cgi?id=7154https://bugs.webkit.org/show

javascript - 如何使用javascript检查网页中是否加载了Font Awesome?

我需要检查网页中是否包含FontAwesome。如果没有,我将使用javascript加载它。有点像facebooksdk检查是否有一个包含id“facebook-jssdk”的脚本元素,如果有,它就返回(什么都不做),如果没有,它就加载它。我需要为FontAwesome做这件事。 最佳答案 我认为这是检查font-awesome的最佳方式,但我不确定它是否比重新加载更慢,即使它存在。functioncss(element,property){returnwindow.getComputedStyle(element,null).g

javascript - 如何开始旋转一个 bootstrap Font Awesome 图标,然后使用 jQuery 让它停止

我正在处理的网页上有很棒的字体刷新图标。单击此图标时,我希望它开始旋转。我已经能够通过在我的JavaScript文件中输入以下内容来完成此操作:$('#lock-refresh').click(function(){$(this).addClass('fa-spin').//BelowisafunctionthatIneedtorunaftertheFAiconisclicked.startup();});不过,我只需要让这个图标旋转几秒钟。我试图将此(如下)添加到我的JS文件中,但是当我这样做时图标根本不旋转:$('#lock-refresh').click(function(){$

javascript - webkit stylewithcss contenteditable 不工作?

我正在尝试使用contenteditable和styleWithCss。在webkit中好像不行。每当我使用execCommand时,它都会生成一个而不是我预期的跨度。这是一个演示:http://jsbin.com/izomo/2/edit选择部分文本,单击粗体按钮,然后查看html输出。这是一个错误还是我做错了什么。非常感谢。 最佳答案 我无法让它与此处两个答案中的命令一起使用。对于那些仍在为这个问题苦思冥想的人,这是如何让它发挥作用的。我们可以将三个值传递给execCommanddocument.execCommand(comm

javascript - 如何在不使用 -webkit-app-region 的情况下在 Electron 中移动无框窗口

我一直试图在false上移动一个无框窗口,但现在我想通过拖动一个元素(标题栏)来移动整个窗口,我试过-webkit-app-region:drag;但是好像不行,我也试过https://www.npmjs.com/package/electron-drag但它也不起作用。 最佳答案 由于您的窗口是无框的,因此您可以使用属性-webkit-app-region,即使您的IDE说它不是,它仍然有效。出于用户体验考虑,您应该禁止文本选择并在标题栏内拖动按钮。.titlebar{-webkit-user-select:none;-webki

javascript - -webkit-overflow-scrolling 打破了绝对定位

我正在构建一个页面,该页面需要一些元素在页面顶部滚动,否则它们会滚动到屏幕之外。我设法使用position:absolute做到了这一点。一切都运行良好,但它需要动量滚动。我将-webkit-overflow-scrolling:touch添加到可滚动区域的css中。这打破了一切。我的带有position:absolute的粘性元素现在只是与其余内容一起滚动。我的问题是:为什么-webkit-overflow-scrolling:touch会影响绝对定位,有没有办法解决这个问题?更新:每当子元素变为“固定”或“未固定”时,我都会添加一个警报。警报继续触发,因此样式仍在应用,只是不起作用

javascript - 即使鼠标不移动,Webkit 和 Safari 也会触发 mousemove

我读过有关mousemove事件在Safari/Webkit中被触发两次的问题,但我面临的问题是mousemove即使在鼠标移动时也会触发未移动。也就是说:当鼠标光标位于加载/刷新页面时事件所附加的上下文上方时,它已经触发。因为我将它附加到document(浏览器的整个视口(viewport)),它会立即在Safari中触发。我试图将它附加到html元素、body和包装器div。没有变化。$(document).bind('mousemove',function(){alert('Mousemoved!');$(document).unbind('mousemove');});在其他浏

javascript - 在 node-webkit 中打印没有 "print dialogue"

在为windows使用node-webkit构建应用程序时,我需要在没有对话框的情况下进行打印。这可能吗?Similarto:http://drziegler.net/kiosksilent-printing-in-google-chrome/感谢任何帮助。 最佳答案 我很确定这在这一点上还没有实现。github上有一个问题,它似乎是一个非常受欢迎的功能请求。https://github.com/rogerwang/node-webkit/issues/564月份刚刚添加了打印支持,这在0.50的发行说明中。打印支持(#56):wi

javascript - 我可以将游戏 handle 与 Node-Webkit (NW.js) 一起使用吗?

我正在构建一个NW.js(Node-Webkit)仪表板应用程序,我希望能够使用游戏Controller(例如:XBox360Controller或罗技Controller)进行控制。我正在调用以下onready但当我调试它时无法识别任何游戏handle。angular.element(document).ready(function(){if(canGame()){varprompt="Tobeginusingyourgamepad,connectitandpressanybutton!";$("#gamepadPrompt").text(prompt);$(window).on("

javascript - 有没有办法加快 Element.scrollIntoView 'smooth' 的行为?什么是 'auto' ?

我有几个关于Element.scrollIntoView的实验性scrollIntoViewOptions的问题function.我知道它是实验性的,但我使用的是Chrome65,所以我想我也可以使用它。将behavior设置为auto是什么意思。在我的机器上,auto似乎与instant的表现相同当我将behavior设置为smooth并想要滚动到表格中的某个内容时,它只能非常缓慢地滚动到我想要的元素。有没有人对如何加速这种类型的动画有任何一般性的指示(如果可能的话)?我不一定需要你为我做所有事情,我只是不知道从哪里开始。 最佳答案