草庐IT

webkit-font-smoothing

全部标签

javascript - 对 WebKit 中的文本区域强制进行拼写检查

我正在创建一个基于浏览器的QC/数据输入应用程序,它可以让人们编辑OCRed文件,这些文件自然会有大量错误。数据block放在文本区域中以便于检查,但红色下划线仅在用户手动将光标置于拼写错误的单词时才会出现。有没有办法强制WebKit将小红色拼写检查下划线添加到文本区域? 最佳答案 本质上,您需要使用选择api将插入点移动到每个单词上,以使Safari突出显示它。这是扫描前一千个单词的示例...textarea=document.getElementById("mytextarea");textarea.focus();varsel

javascript - 找不到模块 : Error: Can't resolve '../fonts/fontawesome-webfont.eot'

我正在使用Webpack4并在package.json中安装了"font-awesome":"^4.7.0"。然后我尝试将其导入到我的index.scss中,如下所示:@import'~font-awesome/scss/font-awesome.scss';@import'~bootstrap/scss/bootstrap.scss';我收到以下错误消息:ERRORin./src/index.scss(./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/index.scss)Moduleno

javascript - WebKit 未捕获错误 : INVALID_STATE_ERR: DOM Exception 11

我有这段代码,在Firefox中运行良好,但在Chrome中我遇到了这个错误:"UncaughtError:INVALID_STATE_ERR:DOMException11"atsprites.js:36在那一行是这段代码:context.drawImage(Context是一个全局变量,其中包含Canvas的二维上下文。这是完整的代码:index.htmlSprite.jsfunctionSpritePrototype(frames,width,height,type){this.frames=frames;this.type=type;if(this.frames>0){this.

javascript - "window.location.hash = location.hash"在 Webkit(Safari 和 Chrome)中不起作用

我无法让window.location.hash=location.hash在Safari中工作。我正在使用javascript将我的页面内容与一个可滚动的DIV包装在一起,该DIV位于我网页的导航栏下方。由于滚动条的位置在javascript运行时被重置,我丢失了URL设置的原始哈希位置。我需要使用javascript不重新加载页面来重新提示哈希位置,因此我使用的是window.location.hash=location.hash。它适用于IE8、Firefox和Opera,但不适用于Safari。(我也会假设Chrome,但我没有检查)。有什么建议吗?提示:我喜欢jQuery。

javascript - Css3 Webkit css 动画 : resize a div rectangle

我试图了解是否可以使用webkit动画在Jquery中复制方法animate假设我有一个50pxx50px的div使用jquery,我可以轻松地调整大小并使用以下方式设置动画:$('#mybox').animate({'width':'100px','height':'70px'},300)//sofrom50x50itanimatesto100x70//thevalues100and70shouldbadynamically//inputsoicancreateafunction(Width,Height)toaltermybox我想知道如何做同样的事情,如果可能的话使用CSSWeb

javascript - 如何在 Gatsby 中使用像 Font Awesome 这样的图标

我想在我的Gatsby项目中使用FontAwesome图标。我很乐意在CDN中包含很棒的字体。仅仅将它包含在脚本标签中是行不通的。我想我需要使用import...from'../fontawesome.css'导入它,但我无法让它工作并且还想为此使用cdn。或者我需要用gatsby的css库来解析它吗?请给我建议或提示如何去做。 最佳答案 对于在2018年末访问此页面的任何人,我强烈建议使用react-icons.import{FaBeer}from'react-icons/fa';classQuestionextendsReact

javascript - 如何访问 webkit-fake-url

在OSX(10.7.3)上使用Safari(5.1.3)。当div设置为contenteditable="true"时,我可以将图像粘贴到其中并查看它。我还可以将图像拖入并查看。我也可以在它出现后在可编辑区域中拖动它。图像有这样的标记......是否有关于此的任何已知文档。搜索google等会返回很多人问同样的问题。我希望能够将该图像发送到服务器。 最佳答案 是的,您可以编辑任何元素的内容。参见documentation了解可用的详细信息。您可以进一步试验它是否可以用于将图像发送到服务器。即使不使用简单的GET/POST,您始终可以

javascript - 移动 WebKit 浏览器 - setTimeout 和非事件页面

我有一个问题,关于移动WebKit浏览器(即移动Safari和Android浏览器)在页面变为非事件状态并再次重新激活时如何处理setTimeout函数。假设页面变为非事件状态(即手机屏幕进入“sleep”/我们打开另一个应用程序/我们打开另一个网页),并且setTimeout函数应该在页面再次变为事件状态之前激活。现在看来:MobileSafari会在页面激活后立即执行该功能安卓浏览器:可能会像往常一样执行函数(即即使页面处于非事件状态,JavaScript也会继续运行)可能会在页面激活后立即执行(类似于MobileSafari)可能根本不执行我想知道是否有人知道确切的“规则”?

javascript - @Font-face 和 offsetWidth 属性的错误值

我在最新版本的Chromium中遇到了这个问题。在使用通过@font-face嵌入的字体系列创建第一个元素后,我收到了错误的offsetXyz值。当脚本执行时,window.onloadHook已经触发,字体也因此已经加载。这是脚本的样子(示意图):vare=document.createElement("span");e["innerText"ine?"innerText":"textContent"]="fooBar";e.style.fontFamily="fontFaceEmbeddedFontFamily";document.body.appendChild(e);alert

javascript - 在 WebKit WebViews 中禁用同源策略/跨域 XMLHttpRequests?

我想在我自己的嵌入式WebView中禁用XMLHttpRequests的同源策略。我可以控制在WebView中加载的页面/正在执行的代码,所以我不关心执行同源策略。我想进行跨域请求。我已经尝试实现WebPolicyDelegate和WebResourceLoadDelegate,但似乎没有为XMLHttpRequests调用它们。 最佳答案 voidWebSettingsImpl::setWebSecurityEnabled(boolenabled){m_settings->setWebSecurityEnabled(enabled