https://github.com/fullpipe/screen-log
Finally, you can see console logs on mobile devices.
https://github.com/fullpipe/screen-log
console console-log log mobile
Last synced: about 1 month ago
JSON representation
Finally, you can see console logs on mobile devices.
- Host: GitHub
- URL: https://github.com/fullpipe/screen-log
- Owner: fullpipe
- License: mit
- Created: 2021-02-21T08:37:33.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-02-23T09:12:28.000Z (over 5 years ago)
- Last Synced: 2025-01-20T17:36:08.372Z (over 1 year ago)
- Topics: console, console-log, log, mobile
- Language: TypeScript
- Homepage:
- Size: 7.35 MB
- Stars: 3
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Screen log
Finally, you can see your console logs on mobile devices.
## Usage
Inject script at the top of tag.
```html
...
```
or with js
```js
var sl = document.createElement('script');
sl.src = 'https://cdn.jsdelivr.net/gh/fullpipe/screen-log@1.0.6/dist/screen-log.js';
document.head.appendChild(sl);
```
### What can you do?
- `console.log(...)`, `console.warn(...)`, `console.error(...)`, `console.info(...)`, `console.debug(...)`
- `console.clear()`
- Also it logs js errors with `window.addEventListener('error', ...)`
- `bypass` mode, logs container becomes transparent for user interactions
- copy message by clicking
### Demo
## TODO
- Execute user input. `eval('alert("boo!")')`
- automate builds/releases, now you have to `npm run build:prod`
- make npm library?
- configuration
- size
- position
- "switch" position
- initial config
- window.screenShowOnStart = true
- window.screenConfig = {...}