草庐IT

webkit-font-smoothing

全部标签

javascript - webkit (Safari/Chrome) 中的选择范围

我正在使用内容可编辑的iframe在javascript中创建语法高亮器,最重要的事情之一是能够正确缩进代码。以下代码在Firefox中运行正常://Createoneindentcharactervarrange=window.getSelection().getRangeAt(0);varnewTextNode=document.createTextNode(Language.tabChar);range.insertNode(newTextNode);range.setStartAfter(newTextNode);它创建一个制表符并将光标移动到该字符的右侧。在Chrome和Sa

javascript - -webkit-tap-highlight-color : rgba(0, 0,0,0);在一个股利?

有什么方法可以将它应用到div上吗? 最佳答案 您在为iPhone/智能手机网站撰写文章吗?如果是这样,那么是的。但您可能只会在手机/模拟器上看到结果。我认为这个元素只能用在链接或javascript元素上。div必须受到某种脚本的影响,或者是一个链接。https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/AdjustingtheTextSize/AdjustingtheTextSi

javascript - 将 @font-face 样式表规则添加到 chrome 扩展

通过chrome-extension添加@font-face样式表规则的推荐方法是什么?问题是字体嵌入的url位于扩展中,所以我必须在javascript中完成它才能使用chrome.extension.getURL。我已经通过内容脚本尝试了document.styleSheets[0].addRule,但这没有用。为了澄清,我还在web_accessible_resources下列出了字体。 最佳答案 注入(inject)节点,在你的内容脚本中。像这样:varstyleNode=document.createElement("st

javascript - 从 FF/Webkit 中的像素位置创建折叠范围

我想使用JavaScript从像素位置创建一个折叠范围,以便在文档流中在此位置标识的范围之后插入新节点。这可以通过InternetExporer中的TextRange对象(moveToPoint(x,y)方法)来完成。我如何在FireFox和Webkit中执行此操作?我可以从document.elementFromPoint(x,y)的位置获取容器元素。但是,当位置恰好位于文本节点内时,如何获取有关构建范围所需的文本偏移量的更多信息? 最佳答案 这是我为旧浏览器实现的caretRangeFromPoint:if(!document.

javascript - 如何用 CSS 覆盖 HTML <FONT SIZE ="2">

我的任务是对我们当前的网站进行整容。我相当精通CSS,因此我将数不胜数的标签转换为CSS样式,并删除了大约2倍的根本不需要的标签。一切顺利,直到我遇到某个产品页面,该页面只是一个包装器,其他HTML文件被server.execute(filename)命令拉入其中。(我们使用aspx作为包装页面。)这些页面有将近700页,它们都被这个那个诅咒了。过去使用FrontPage的编辑器只知道如何在屏幕上拖动漂亮的东西。无论如何,我想知道是否有一种方法可以在包装页面中使用CSS来覆盖标记行为,这样我就可以使它变得合理,适合我的其余页面。我什至愿意接受一些可以删除标签的JavaScript,但这

javascript - 如何在 html Canvas 上绘制 Font Awesome 图标 [版本 <5]

如何将FontAwesome字符(图标字形)绘制到html5Canvas上?我使用的是旧版本的FontAwesome。我如何设置那些绘制的字符的样式?varcanvas=document.getElementById('myCanvas');varcontext=canvas.getContext('2d');context.font='';context.fillText();语言:lang-htmlhtml>varcanvas=document.getElementById('myCanvas');varcontext=canvas.getContext('2d');context

javascript - 使用 React 切换 Font Awesome 5 图标

我正在尝试通过单击待办事项列表项来切换FontAwesome图标。这是整个组件...importReactfrom'react';import'./TodoItem.scss';classTodoItemextendsReact.Component{constructor(props){super(props);this.state={complete:false}this.toggleComplete=this.toggleComplete.bind(this);}toggleComplete(){this.setState(prevState=>({complete:!prevSt

javascript - Webkit 错误 : Overflow auto triggered after resizing a child element to matching size

我有以下简单设置:document.getElementById('inner').addEventListener('click',({target})=>{target.classList.add('match');});#container{background:green;overflow:auto;width:200px;height:100px;}#inner{width:210px;height:110px;}#inner.match{width:200px;height:100px;}单击内部元素后,我希望父元素上的滚动条消失,因为这两个元素现在具有匹配的大小。这在Fi

Javascript webkit-假网址

Id将图像(例如)从剪贴板粘贴到webkit可编辑内容区域时,源代码如下所示:webkit-fake-url://DCAC99B9-BA40-4BA7-A419-9C60AAB081DA/image.png能够通过javascript访问图像并将其与文本一起发送回服务器吗? 最佳答案 显然,您可以对事件监听器使用任何抽象;我提供了一个未抽象的版本;这也将排除IEif('addEventListener'ineditableElement){editableElement.addEventListener('paste',functi

javascript - Font-awesome 没有在 Bootstrap 中加载图标

我正在尝试使用Webpack对Bootstrap和Font-awesome做一个简单的要求。我设法加载了BootstrapCSS,但Font-awesome无法正常工作。这是我得到的结果:我的代码如下。我在这里做错了什么?资源:Githubcode可在此处获取。package.json{"name":"","version":"0.0.1","main":"index.js","scripts":{"test":"echo\"Error:notestspecified\"&&exit1","start":"webpack-w"},"license":"MIT","devDependen