{"id":21647823,"url":"https://github.com/markknol/console-log-viewer","last_synced_at":"2025-07-04T21:07:15.208Z","repository":{"id":12915781,"uuid":"15593211","full_name":"markknol/console-log-viewer","owner":"markknol","description":"Displays logs and Javascript errors in an overlay on top of your site. Useful for mobile webdevelopment. Enabled in 5 seconds","archived":false,"fork":false,"pushed_at":"2021-03-03T10:34:21.000Z","size":80,"stargazers_count":126,"open_issues_count":5,"forks_count":9,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-04-11T19:53:15.570Z","etag":null,"topics":["console","console-log","debugging","html5","javascript","javascript-errors"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/markknol.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-01-02T20:38:20.000Z","updated_at":"2025-03-26T13:45:32.000Z","dependencies_parsed_at":"2022-08-28T10:11:54.084Z","dependency_job_id":null,"html_url":"https://github.com/markknol/console-log-viewer","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/markknol/console-log-viewer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/markknol%2Fconsole-log-viewer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/markknol%2Fconsole-log-viewer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/markknol%2Fconsole-log-viewer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/markknol%2Fconsole-log-viewer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/markknol","download_url":"https://codeload.github.com/markknol/console-log-viewer/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/markknol%2Fconsole-log-viewer/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263619804,"owners_count":23489562,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["console","console-log","debugging","html5","javascript","javascript-errors"],"created_at":"2024-11-25T06:51:49.504Z","updated_at":"2025-07-04T21:07:15.180Z","avatar_url":"https://github.com/markknol.png","language":null,"readme":"console-log-viewer.js\n==================\n\n## .. displays logs and Javascript errors in an overlay on top of your site. Useful for mobile webdevelopment. Installed in 5 seconds [1]. Works on every device and browser [2].\n\n#### It's useful when you want to see logs and the errors you [3] have created in a mobile browser while you are developing and debugging. \n\n\u003e I found debugging is a bit hard on mobile devices since there is no magic button in mobile browser to see the console logs or Javascript errors and related source. There are a lot of remote-tools. Some are not available for all browsers, take time too much time to setup or aren't sync because of remote delays. \n\n## How to install (in 5 seconds)?\n\nAdd this piece of code somewhere in your html-page. Save document, refresh browser.  \nIn the `\u003chead\u003e` before other `\u003cscript\u003e` tags is probably the best place.\n    \n```html\n\u003cscript src=\"https://markknol.github.io/console-log-viewer/console-log-viewer.js\"\u003e\u003c/script\u003e\n```\n\n\u003cimg src=\"http://dump.stroep.nl/console-log-viewer-3.gif\" alt=\"console log viewer\"/\u003e\n\n## What does it do?\n\nIt captures `console.log`, `console.info`, `console.warn`, `console.debug`, `console.error` and `window.onerror` and displays it in an overlay on top of your site. That's it. \n\n## Features\n\n#### Close / Open console\n* Closes the console with the **x** button, and bring back with the **\u0026Xi;** button. \n* Tip: Toggle the console with the keyboard ~ tilde key.\n* Start closed using:\n\n```html\n\u003cscript src=\"https://markknol.github.io/console-log-viewer/console-log-viewer.js?closed=true\"\u003e\u003c/script\u003e\n```\n\n#### Pause\n* Pause/resume the console logs by pressing the ► button\n* Start minimized using:\n\n```html\n\u003cscript src=\"https://markknol.github.io/console-log-viewer/console-log-viewer.js?log_enabled=false\"\u003e\u003c/script\u003e\n```\n\n#### Minimize\n* Minimize the console with the **-** button, and bring back to normal with the **+** button.\n* Start minimized using:\n\n```html\n\u003cscript src=\"https://markknol.github.io/console-log-viewer/console-log-viewer.js?minimized=true\"\u003e\u003c/script\u003e\n```\n\n#### Alignment\n* Switch top/bottom alignment by pressing the **\u0026uarr;** or **\u0026darr;** button in the console. \n* Start bottom aligned using:\n\n```html\n\u003cscript src=\"https://markknol.github.io/console-log-viewer/console-log-viewer.js?align=bottom\"\u003e\u003c/script\u003e\n```\n\n#### Displaying errors\nClicking on a Javascript-error opens the source in a new tab (\u003ca href=\"https://twitter.com/mknol/status/529937001563553792\"\u003edemo\u003c/a\u003e). \n## Source\n\nThe source can be found here: \n[https://github.com/markknol/console-log-viewer/blob/gh-pages/console-log-viewer.js](https://github.com/markknol/console-log-viewer/blob/gh-pages/console-log-viewer.js)\n\n## Disclaimers\n  \n_[1] .. depends on your copy/paste skills_  \n_[2] .. if this isn't true [report here](https://github.com/markknol/console-log-viewer/issues)_  \n_[3] .. protip: blame someone else_  \n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarkknol%2Fconsole-log-viewer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmarkknol%2Fconsole-log-viewer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarkknol%2Fconsole-log-viewer/lists"}