{"metadata":{"image":[],"title":"","description":""},"api":{"url":"","auth":"required","results":{"codes":[]},"settings":"","params":[]},"next":{"description":"","pages":[]},"title":"Debug Mode","type":"basic","slug":"debug-mode","excerpt":"","body":"Telescope features a couple handy debugging features.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Template Debugging\"\n}\n[/block]\nYou can enable template debugging by holding down the backtick (\\`) key on your keyboard (the one right below `esc` with the tilde).\n\nWhen in debug mode, **templates** are highlighted in red, while **module zones** are highlighted in blue.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/Av0T1EK3TJWO5YxgvlwC_fIjCJPDh9H.gif\",\n        \"fIjCJPDh9H.gif\",\n        \"1072\",\n        \"477\",\n        \"\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nYou can also click on a highlighted template to log out its info to the browser console (devel branch only). \n\nNote that debug mode is only available when running Telescope locally, not in production apps, and that you need the `telescope:debug` package enabled.","updates":["55c4484d8b45eb0d004cfa57"],"order":28,"isReference":false,"hidden":false,"sync_unique":"","link_url":"","link_external":false,"_id":"5635b294d209b50d0031dfec","githubsync":"","project":"550a7754635c660d0052808e","__v":0,"category":{"sync":{"isSync":false,"url":""},"pages":["5635b294d209b50d0031dfdf","5635b294d209b50d0031dfe0","5635b294d209b50d0031dfe1","5635b294d209b50d0031dfe2","5635b294d209b50d0031dfe3","5635b294d209b50d0031dfe4","5635b294d209b50d0031dfe5","5635b294d209b50d0031dfe6","5635b294d209b50d0031dfe7","5635b294d209b50d0031dfe8","5635b294d209b50d0031dfe9","5635b294d209b50d0031dfea","5635b294d209b50d0031dfeb","5635b294d209b50d0031dfec"],"title":"Customizing Telescope","slug":"customizing-telescope","order":2,"from_sync":false,"reference":false,"_id":"5635b291d209b50d0031dfc7","createdAt":"2015-04-09T03:24:43.474Z","project":"550a7754635c660d0052808e","__v":1,"version":"5635b290d209b50d0031dfc4"},"user":"5469e5dfa3b67a0e00559b06","createdAt":"2015-07-15T03:26:49.842Z","version":{"version":"0.25","version_clean":"0.25.0","codename":"","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["5635b291d209b50d0031dfc5","5635b291d209b50d0031dfc6","5635b291d209b50d0031dfc7","5635b291d209b50d0031dfc8","5635b291d209b50d0031dfc9","5635b291d209b50d0031dfca"],"_id":"5635b290d209b50d0031dfc4","__v":1,"createdAt":"2015-11-01T06:34:56.868Z","project":"550a7754635c660d0052808e","releaseDate":"2015-11-01T06:34:56.868Z"}}

Getting Started

Using Telescope

Customizing Telescope

Internals

Case Studies

Debug Mode

Telescope features a couple handy debugging features. [block:api-header] { "type": "basic", "title": "Template Debugging" } [/block] You can enable template debugging by holding down the backtick (\`) key on your keyboard (the one right below `esc` with the tilde). When in debug mode, **templates** are highlighted in red, while **module zones** are highlighted in blue. [block:image] { "images": [ { "image": [ "https://files.readme.io/Av0T1EK3TJWO5YxgvlwC_fIjCJPDh9H.gif", "fIjCJPDh9H.gif", "1072", "477", "", "" ] } ] } [/block] You can also click on a highlighted template to log out its info to the browser console (devel branch only). Note that debug mode is only available when running Telescope locally, not in production apps, and that you need the `telescope:debug` package enabled.