interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

debug performance

Browse source
This commit is contained in:
Stephan 2019-11-16 14:32:17 +01:00
parent 9b9b0cb1c6
commit 11b30671d4
6 changed files with 10 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

3
source/code/hippie/functions.js
View file

@ -3,8 +3,9 @@ function setup () {
'use strict';
console.info('\n', hippie.brand, '\n\n');
console.info('Document information:\n', 'HTML:', hippie.screen, '\n', 'BODY:', hippie.body);
if (debugOn) {
console.info('Debug information:\n', 'HTML:', hippie.screen, 'BODY:', hippie.body);
console.debug('Debug information:\n', 'HIPPIE:', hippie);
}
// WANNABE MODULE Mouse over effect

2
source/screens/demo.njk
View file

@ -47,7 +47,7 @@
// Page specific
// ------------------------------------------------------------------------------
assetsLoaded = true;
logPerf('SCRIPT assets loaded.');
logPerf('Assets loaded.', assetsLoaded);
$( document ).ready(function () {
logPerf('JQ document \'ready\' event fired.');
});

2
source/screens/demo/intro.njk
View file

@ -575,7 +575,7 @@
// Page specific
// ------------------------------------------------------------------------------
assetsLoaded = true;
logPerf('Assets loaded.');
logPerf('Assets loaded.', assetsLoaded);
// Create instance of object made by contructor function
var scrollUi = new HippieScroll($('.js_scrolltop'), $('.js_scrolldown'));
var helpUi = new HippieMeta($('.js_showmeta'), $('.js_pop'));

1
source/templates/demo/_default.njk
View file

@ -13,6 +13,7 @@
{% include "hippie/partials/_head_script.njk" %}
<script>
debugOn = true;
logPerf('Debugging performance', debugOn);
document.addEventListener('DOMContentLoaded', function () {
logPerf('Document \'DOMContentLoaded\' event fired.');
});

3
source/templates/demo/_extended.njk
View file

@ -13,7 +13,8 @@
{% include "hippie/partials/_head_script.njk" %}
<script>
debugOn = true;
document.addEventListener('DOMContentLoaded', function () {
logPerf('Debugging performance', debugOn);
document.addEventListener('DOMContentLoaded', function () {
logPerf('Document \'DOMContentLoaded\' event fired.');
});
logPerf('On HEAD, starting...');

6
source/templates/hippie/partials/_head_script.njk
View file

@ -13,7 +13,7 @@ function getTimeDiff () {
// log message to console and add
// performance measuring information
function logPerf (msg) {
function logPerf (msg, arg) {
if (debugOn) {
if (debugOnScreen && assetsLoaded) {
if (!$('#jsLogPerf').length) {
@ -29,7 +29,7 @@ function logPerf (msg) {
padding: '0 8px',
background: 'rgba(255,255,255,.8)',
color: 'rgb(128)',
fontSize: '12px'
fontSize: '1rem'
})
.end()
.prependTo('body');
@ -43,7 +43,7 @@ function logPerf (msg) {
// $log.append('<p style="margin-bottom:4px;font-size:.75em;"><b>' + getTimeDiff() + '</b>ms :: ' + msg);
}
if (window.console) {
console.log(getTimeDiff() + 'ms :: ' + msg);
console.debug(getTimeDiff() + 'ms :: ' + msg, (arg ? arg : ''));
// NOTE Non standard feature. Not available on IE
if (console.timeStamp) {
console.timeStamp(msg);