草庐IT

google-chrome-arc

全部标签

javascript - 即使在异步加载资源后,Google Page Speed 仍然会出现渲染阻塞问题

GooglePageSpeedInsights"Trytodeferorasynchronouslyloadblockingresources,orinlinethecriticalportionsofthoseresourcesdirectlyintheHTML."上述问题提示我需要2个样式表。因此,我使用以下代码加载样式表以延迟样式表的加载。window.onload=loadResource;functionloadResource(){css_array=[resource1,resource2];css_init(css_array);}functioncss_init(hr

javascript - 旋转(90 度)未在 Chrome 37 中使用 .transform 应用

我有一些代码,直到最近,它还适用于所有支持CSS转换的浏览器。它打破了最新的Chrome(37)。我发现了问题。元素的计算样式的转换不被其他元素接受。HTMLOneTwoCSSdiv{width:100px;height:100px}.one{background-color:red;transform:rotate(90deg);}.two{background-color:blue}JavascriptvaroneStyle=window.getComputedStyle(document.querySelector('.one'));varoneTransform=oneStyl

javascript - Google Places Autocomplete place_changed 事件在表单提交后按回车键触发

我已将GoogleMapsJavascriptAPIV3中的google.maps.places.Autocomplete添加到基本搜索表单中。我正在尝试找到一种可靠的方法来检测用户是从自动完成列表中选择了一个项目(使用鼠标或键盘)还是提交了自由格式的文本。代码:http://jsfiddle.net/2rhL3cyk/1/我正在针对以下基本场景进行测试,每个场景都应导致提交表单。如果用户选择了自动完成项,locMatch应该为真。输入自由格式文本,按回车键:place_changed被解雇onSubmit被触发。locMatch:假输入文本,使用向下箭头选择一个位置,然后按回车键:o

javascript - Google 如何对 CSS 类和 ID 进行编码?

查看htmlblock中类的名称。它们已被编码以使其难以理解。我不认为Google工程师会如此无业以手动编码这些类。他们一定使用了一些工具来对类进行编码。是否有任何服务可用于执行此操作? 最佳答案 您正在查看的内容很可能是在GoogleWebToolkit中构建的。此环境会根据您希望向世界发布的内容进行自动混淆,并且是Google在创建Web应用程序时使用的主要环境。这个过程通常是用你自己的类名和ID名编写你的文件,当你编译代码时会自动混淆(或者你通过压缩器或程序运行它来这样做)。在GWT中,您必须使用Java编写,但如果您正在寻找

javascript - 检测浏览器打印事件在 Chrome 中以两种不同的方式发生

我目前使用的是最新版本的Chrome(43.0.2357.130),从window.print()调用print与使用⌘时打印功能有所不同当使用window.print()打印时,它会正确输出到控制台。它在打印对话框打开时输出BeforePrint,在对话框关闭时输出AfterPrint。但是,当使用Chrome菜单或⌘P进行打印时,它会在打印对话框打开时将BeforePrint和AfterPrint记录到控制台。这是我正在使用的代码,它在其他浏览器中运行良好。functionbeforePrint(){console.log('BeforePrint');}functionafter

javascript - 如何在 Chrome 的 JavaScript 控制台中获取内联函数定义

Chrome的JavaScript控制台曾经有一个非常有用的功能,如果您输入当前范围内可见的任何函数的名称,它将打印该函数的完整定义。基本上如thisanswerhere中所述.一段时间前(我想至少几个月,可能更多)它停止这样做了,但是,现在输入一个函数名给出了一个非常无用的响应,比如:我知道我可以单击该行(或右键单击并选择“显示函数定义”)以在“源”选项卡中显示函数定义,但与之前的内联函数定义相比,这非常笨拙(对于通常遵循“获取函数定义、复制/粘贴到控制台、更改一些内容,然后覆盖原始函数定义”的工作流)。另一个技巧是在函数名称后添加一个+""(如jobClicked+""而不是job

javascript - chrome.runtime.sendMessage 在 Chrome 扩展程序中不起作用

我正在尝试创建一个新的扩展。不久前我能够使用chrome.runtime.sendMessage函数,但现在,我已经尝试了所有方法,但它仍然无法将消息发送到后台脚本。控制台正在填充来自content-script.js但不是来自background.js的日志消息content-script.jsconsole.log("HelloWorld!s");$(document).ready(function(){console.log("DOMREADY!");$(document.documentElement).keydown(function(e){console.log("KeyH

javascript - 使用 Visual Studio Code 调试 Chrome 扩展

有谁知道是否可以使用VisualStudioCode调试Chrome扩展?我读过的所有示例都涉及一个带有url的真实网页。 最佳答案 对于那些仍在寻找答案的人(如我,早些时候),我已经找到了真正的解决方案,这就是它。这假设你有DebuggerforChrome已经安装。不像Firefox那样拥有native配置支持,您需要在运行Chrome之前提供加载扩展的参数,特别是load-extension参数。将此行添加到您的Chrome配置对象中,启动请求位于您的.vscode/launch.json文件中。这假定您的manifest.j

javascript - 是否可以在本地托管 Google 跟踪代码管理器脚本?

是否可以通过Google的脚本block在执行服务器上托管由GoogleAnalytics(尤其是跟踪代码管理器)生成的脚本,而不是在客户端获取它们?目标是避免对外部脚本的任何依赖。我知道Google不建议在本地既不托管分析也不托管标签管理器,但这样做有可能吗?据我所知,标签管理器通过嵌入本地脚本来工作,如下所示:(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':newDate().getTime(),event:'gtm.js'});varf=d.getElementsByTagName(s)[0],j=d.creat

javascript - 如何使用 Google Apps Script 将 LaTeX 方程式转换为可编辑方程式

tldr:如何在Google文档中转换LaTeX方程,使其可以作为Google文档方程进行编辑?背景:我想将html导入Google文档。此HTML包括(在我的native数据库中)LaTeX方程式。当我导入到GoogleDocs时,LaTeX被转换成不可编辑的图像。我想将LaTeX转换为可编辑的Google方程式。我在想我可以使用GoogleApps脚本来完成此操作。我的计划是将方程作为文本字符串“标签”插入,例如[latex:x+5=-3]-然后我将运行一个GoogleApps脚本函数,将该标签转换为一个Google文档方程式。我不确定是否有一种众所周知的方法可以将LaTeX转换为