Skip to content

Instantly share code, notes, and snippets.

Avatar

Mohamed Hussain S H shmdhussain

  • Sky News Arabia
  • AbuDhabi, UAE
View GitHub Profile
@shmdhussain
shmdhussain / app.js
Last active Aug 29, 2015
Angular Directive Demo Issue
View app.js
// Create a new module
var myApp = angular.module('myApp', ['ngRoute']);
// register a new service
//myApp.value('appName', 'MyCoolApp');
// configure existing services inside initialization blocks.
myApp.config(function($locationProvider,$routeProvider) {
$routeProvider
@shmdhussain
shmdhussain / viewport-info.js
Last active Sep 5, 2020
ViewPort Information
View viewport-info.js
console.log("The Screen Width(these dimensions are measured in device pixels because they never change: they’re a feature of the monitor, and not of the browser.");
console.log("the browser width in css px is (no device pixel)" + window.innerWidth);
console.log("the browser width height in css ps is (no device pixel)" + window.innerHeight);
console.log("the layout viewport width in css px" + document.documentElement.clientWidth);
console.log("the layout viewport height in css px" + document.documentElement.clientHeight);
console.log("devicePixelRatio:"+window.devicePixelRatio)
console.log("the screen device width in dev px is " + screen.width);
console.log("the screen device height in dev px is " + screen.height);
@shmdhussain
shmdhussain / angularjs-version.js
Created Jan 6, 2018
Get the angularjs version
View angularjs-version.js
console.log(angular.version);
@shmdhussain
shmdhussain / get-angular-controller-in-page.js
Last active Jan 29, 2018
Get angularjs controller in page print in console
View get-angular-controller-in-page.js
var controllers= document.querySelectorAll('[data-ng-controller]');
for(var j=0; j < document.querySelectorAll('[data-ng-controller]').length; j++){
var controllerName = controllers[j].getAttribute("data-ng-controller");
console.group("controller-"+(j+1));
console.log(controllerName);
console.groupEnd("controller");
}
@shmdhussain
shmdhussain / sna-ready.js
Created Jan 6, 2018
SNA-cms-get the dom ready SNAP object, execute this in console and get which SNAP.xxx is triggered when page is initializing
View sna-ready.js
$("[data-sna-ready]").each(function(i,t){
console.group("data-sna-ready"+i);
console.log($(t).data('sna-ready'));
console.groupEnd("data-sna-ready"+i);
});
@shmdhussain
shmdhussain / angular-enable-debug.js
Created Jan 6, 2018
enable angualr debugging from browser console
View angular-enable-debug.js
angular.reloadWithDebugInfo()
@shmdhussain
shmdhussain / debugger-timeout.js
Created Jan 6, 2018
Debugger timeout, when debugging mouse hover, run this in console, and check the mouse over actions
View debugger-timeout.js
setTimeout(function(){
debugger;
}, 5000);
@shmdhussain
shmdhussain / enable-body-edit.js
Created Jan 6, 2018
make the whole body , content editable, useful for just changing the content in page for demo
View enable-body-edit.js
document.body.contentEditable=true
@shmdhussain
shmdhussain / ellipsis.css
Created Jan 6, 2018
Ellipsis CSS -quick CSS
View ellipsis.css
@mixin ellipsis() {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@mixin word-wrap() {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
View add-script-body.js
/*START: Create Script Tag and append in last line of body*/
function addScript( src ) {
var s = document.createElement( 'script' );
s.setAttribute( 'src', src );
document.body.appendChild( s );
}
/*END: Create Script Tag and append in last line of body*/