如果控制台打开,Javascript运行得更快

前端之家收集整理的这篇文章主要介绍了如果控制台打开,Javascript运行得更快前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用大量的 JavaScript开发一个phonegap应用程序.现在我正在使用Safari Developer Tool对其进行调试,特别是我专注于设备上的一些按钮似乎有点懒散.
所以我添加了一些console.timeEnd()以更好地理解代码减速的位置,但“问题”是当我打开控制台时代码开始运行得更快而没有延迟,如果我再次关闭它,滞后回来.

也许我的问题很愚蠢,但我无法弄清楚

谢谢

编辑:添加代码

  1. function scriviNumeroTastiera(tasto){
  2. console.time('Funzione ScriviNumeroTastiera');
  3. contenutoInput = document.getElementById('artInserito').value;
  4. if ($('#cursoreImg').css('display') == 'none'){
  5. //$('#cursoreImg').show();
  6.  
  7. }
  8. else if (tasto == 'cancella'){
  9.  
  10. //alert(contenutoInput.length);
  11. if (contenutoInput.length == 0) {
  12.  
  13. }
  14. else {
  15. indicePerTaglioStringa = (contenutoInput.length)-1;
  16. contenutoInput = contenutoInput.substr(0,indicePerTaglioStringa);
  17. $('#artInserito').val(contenutoInput);
  18. //alert('tastoCanc');
  19. margineAttualeImg = $('#cursoreImg').css('margin-left');
  20. indicePerTaglioStringa = margineAttualeImg.indexOf('p');
  21. margineAttualeImg = margineAttualeImg.substr(0,indicePerTaglioStringa);
  22. margineAggiornato = parseInt(margineAttualeImg)-20;
  23. $('#cursoreImg').css('margin-left',margineAggiornato+'px');
  24. }
  25. }
  26. else {
  27. //contenutoInput = document.getElementById('artInserito').value;
  28. contenutoAggiornato = contenutoInput+tasto;
  29. margineAttualeImg = $('#cursoreImg').css('margin-left');
  30. indicePerTaglioStringa = margineAttualeImg.indexOf('p');
  31. margineAttualeImg = margineAttualeImg.substr(0,indicePerTaglioStringa);
  32. margineAggiornato = parseInt(margineAttualeImg)+20;
  33. $('#cursoreImg').css('margin-left',margineAggiornato+'px');
  34. $('#artInserito').val(contenutoAggiornato);
  35. }
  36. console.timeEnd('Funzione ScriviNumeroTastiera');
  37. }

代码有点糟糕,但它只是一个开始;)

解决方法

这可能是因为PhoneGap / Cordova创建了自己的控制台对象(在cordova.js中),当你打开Safari控制台时它会被覆盖(safari可能比phonegap更快,这可能就是为什么你会更快地注意到它).

因此,在不打开控制台的情况下正确测量时间的一种方法是转到旧的警报,因此您首先要在应用中的任何位置添加代码

  1. var TIMER = {
  2. start: function(name,reset){
  3. if(!name) { return; }
  4. var time = new Date().getTime();
  5. if(!TIMER.stimeCounters) { TIMER.stimeCounters = {} };
  6. var key = "KEY" + name.toString();
  7. if(!reset && TIMER.stimeCounters[key]) { return; }
  8. TIMER.stimeCounters[key] = time;
  9. },end: function(name){
  10. var time = new Date().getTime();
  11. if(!TIMER.stimeCounters) { return; }
  12. var key = "KEY" + name.toString();
  13. var timeCounter = TIMER.stimeCounters[key];
  14. if(timeCounter) {
  15. var diff = time - timeCounter;
  16. var label = name + ": " + diff + "ms";
  17. console.info(label);
  18. delete TIMER.stimeCounters[key];
  19. }
  20. return diff;
  21. }
  22. };

(这只是模仿console.time和console.timeEnd方法,但它返回值,以便我们可以提醒它).

然后,而不是调用

  1. console.time('Funzione ScriviNumeroTastiera');

你打电话给:

  1. TIMER.start('Funzione ScriviNumeroTastiera');

而不是打电话:

  1. console.timeEnd('Funzione ScriviNumeroTastiera');

你打电话给:

  1. var timeScriviNumeroTastiera = TIMER.end('Funzione ScriviNumeroTastiera');
  2. alert('Ellapsed time: ' + timeScriviNumeroTastiera);

这样可以在不打开控制台的情况下为您提供适当的时间,因此它可以计算出phonegap应用中的实时时间.

希望这可以帮助.干杯

猜你在找的JavaScript相关文章