fConsole.js v1.0 – For touch devices and desktop browsers
A simple plugin that you can use to display the values of whatever you want. Its useful for touch devices as for desktop too.
very useful for environments who lack of a console
you can dragg the console around the browser (works fine on touch devices too)
you can run Javascript code in fConsole footer area and see the results by pressing enter key or ‘Exec’ button.
you can minimize the console
will log Javascript errors
on desktop browsers use UP or DOWN keys to access typing history
available keyboard shortcuts:
Alt + C – Open fConsole
Alt + X – Close fConsole
Alt + Z – Minimize fConsole
Alt + D – Clear fConsole
How to use this plugin
var myConsole;
(function () {
myConsole = new fConsole({
hideHeader: false,
hideFooter: false,
className: null,
width: "250px",
minWidth: 0,
maxHeight: "250px",
position: "bottomLeft",
draggable: true,
opacity: 1,
fontSize: "12px",
fontFamily: "monospace",
theme: "default",
logJSErrors: true,
zIndex: 2147483647
});
})();
$(document).ready(function () {
myConsole.log("Hello!");
myConsole.log("Hello!", null, "#00FF00");
myConsole.log("Hello!", null, "#00FF00", "#000");
myConsole.log(function() { return Date.now(); }, 1000);
});
you can use the fConsole directly too – will use default options
$(document).ready(function () {
fConsole.log("Hello!");
fConsole.log("Hello!", null, "#00FF00");
fConsole.log("Hello!", null, "#00FF00", "#000");
fConsole.log(function() { return Date.now(); }, 1000);
});
you can change fConsole settings like this
var myConsole;
(function () {
//init console
myConsole = new fConsole();
})();
$(document).ready(function () {
myConsole.reloadSettings({ theme: "default" });
myConsole.reloadSettings({ width: "100%", minWidht: 0 });
});
Some general methods that may help you
fConsole.rgbToHex("rgb(65, 5, 116)");
fConsole.hexToRgb("#FF00FF");
fConsole.isNumeric(123);
fConsole.isTouchDevice();
fConsole.getWindowWidth();
fConsole.getWindowHeight();
fConsole.openUrlInNewTab("https://compedio.ro/fConsole");
fConsole.setCookie("cookie-name", "cookie-value", 2);
fConsole.setTempCookie("cookie-name", "cookie-value");
fConsole.getCookie("cookie-name");
fConsole.validateEmail("email@test-example.foo");
Share This Product