草庐IT

终端工具

全部标签

javascript - 我可以在单页应用程序中使用浏览器 Navigation Timing API 来处理 Ajax 事件吗?如果不是,什么是好的工具?

我们有一个使用Knockout和Backbone构建的单页应用程序,它对服务器进行Ajax调用并执行一些复杂的数据缓存和DOM呈现。我们真的很想衡量用户看到的性能(并将其记录回服务器)。我似乎无法理解浏览器是否NavigationTimingAPI是否对此有用。从我在示例中看到的情况来看,NavigationTimingAPI与window.performance相关联,这仅限于页面加载,不适合监控Ajax行为。对或错?如果为false,我还能使用什么?我喜欢设置自定义检测点,在这些检测点之间测量时间,例如对于使用服务器结果进行一些DOM渲染的Ajax调用。

javascript - 使用 Bootstrap 的工具提示中的图像?

Tooltiponright$(function(){$('[data-toggle=tooltip]').tooltip();});这很好用,但我想在工具提示中包含一张图片和一些文本。我尝试使用data-content="somestuff"但它什么也没显示。 最佳答案 初始化.tooltip时必须传入html选项。例如">$('a[data-toggle="tooltip"]').tooltip({animated:'fade',placement:'bottom',html:true});参见示例fiddle

javascript - 如何从工具提示格式化程序显示 highchart 系列线标记符号?

默认情况下,highcharts在工具提示中显示线标记符号。$(function(){$('#container').highcharts({xAxis:{categories:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']},series:[{data:[29.9,71.5,106.4,129.2,144.0,176.0,135.6,148.5,216.4,194.1,95.6,54.4]},{data:[194.1,95.6,54.4,29.9,71.5,106.4,129.2,14

javascript - 根据位置修改 Twitter Bootstrap 的工具提示颜色

我正在尝试为工具提示输出各种颜色(编辑:来自TwitterBootstrap),但似乎我不太明白。更改默认颜色并不难,只需更改.tooltip及其相关定义的颜色即可。但是假设我想更改正文中特定工具提示的颜色像这样的简单方法#users.tooltip{background-color:#somecolor;}好像不行。我想这与DOM有关,我需要将某种类附加到特定的工具提示上吗?还是我完全离开了?谢谢:)这是一个JSFiddle:http://jsfiddle.net/rZxrm/ 最佳答案 Twitterbootstrap没有内置此

javascript - 从 chrome 开发者工具中取消 ajax 请求

我想在chromedevelopertools启动后取消它的ajax请求。例如,我想测试我的后备消息是否正确显示。我可以将Nothrottling设置为Offline以便所有调用都会失败,但我只想测试一个API失败,以进行调试。我知道我可以使用abort()方法(即我可以通过JavaScript完成)。我不想仅仅因为这个需要而触及代码。在API的右键单击中有一个replayXHR选项,如果有类似abortXHR的相同方式,那就太好了。但是没有。 最佳答案 从Chrome59开始,您可以阻止来自开发者工具本身的“网络”选项卡的特定请求

javascript - Highcharts 工具提示系列名称前面的奇怪字符

我有一个Highcharts图表,出于某种原因,它仅在弹出的数据点上的系列标题前显示奇怪的字符。我使用的是默认弹出窗口和highcharts4.0.1。我目前将所有系列都设置为标题hi以确保我的代码中没有任何东西搞砸了。另外,如果我输出countsGraph.series[0].name,我也会得到hi。这是什么原因造成的?不幸的是,由于我对HighCharts.com的访问正在播放,我现在无法制作fiddle。我是这样创作的//Createnewseriesifrequriedif(!series[c]){series[c]={name:"hi",data:[]};}

javascript - Chrome 开发者工具 : Best resource for learning advanced features?

我随便使用Chrome开发人员工具来调试AJAX和JavaScript。这主要意味着控制台检查元素/变量/方法状态,偶尔使用“网络”选项卡调试通过ajax提供的问题,如果我无法找到JS错误,偶尔会在调试器中打断点。但是,每当专门的前端开发人员(我是后端)在我面前使用相同的工具时,他们使用这些漂亮而抽象的小功能总是让我想“该死的,我为什么不知道关于那个”?...所以,问题是:对提供googlechromedevtools的全面和更高级解释的资源有什么建议吗? 最佳答案 AddyOsmani做了一个关于chrome开发工具的优秀系列,y

javascript - Chart JS 自定义工具提示选项?

我正在尝试使用Chart.Js构建图表。这个chart.js有工具提示的默认选项,我想定制工具提示选项。有没有办法让它成为可能?这是我的代码varchart=null;barChart:function(data1,data2,data3,label){vardata={labels:label,datasets:[{fillColor:"rgba(220,220,220,0.5)",strokeColor:"rgba(220,220,220,0.8)",highlightFill:"rgba(220,220,220,0.75)",highlightStroke:"rgba(220,2

asp.net - Microsoft 的 AJAX 工具包与 jQuery

自Atlas时代以来,我们的团队一直在使用Microsoft的AJAX工具包。在bitofnaivety直到一两个月前,我们才错过jQuery/Prototype现象。直到现在,我们总是将Ajax的概念与Microsoft的工具包联系在一起。在阅读jQuery的过程中,我看到了Ajax的全新一面,而我当时只是模模糊糊地意识到这一点。也就是说,您可以使用JavaScript(或JS库)与服务器对话,而无需使用专门的控件。乍一看,这似乎提供了更好的浏览器兼容性和更少的膨胀。我当然对此很感兴趣。我向社区提出的问题:当使用ASP.NET并需要在没有回发的情况下与服务器通信时,如何决定使用AJA

javascript - 在 Chrome 开发工具控制台中记录 jQuery 对象时显示元素?

最近Chrome开发工具似乎发生了一些变化。使用console.log记录一个jQuery对象,用于在控制台中显示DOM节点的元素。像这样:[Employees]现在它变成了这样一个可点击的对象:[,context:]有没有办法回到旧的对象日志记录方式,或者甚至有不同的方法在console上调用?我目前使用的版本是23.0.1271.64。不确定到底是哪个版本带来了变化。 最佳答案 如果你想让console.log()吐出DOM元素,你需要记录DOM元素而不是jQuery对象。DOM元素始终作为jQuery选择器的第0个元素可访问。