# ngx-logs
> A Web console is a tool which is mainly used to log information associated with a web page like: network requests, JavaScript, security errors, warnings, CSS etc. It enables us to interact with a web page by executing JavaScript expression in the contents
Latest version **3.0.14** (published 2026-05-17) · MIT license · 0 weekly downloads
## Install
```sh
npm install ngx-logs
pnpm add ngx-logs
yarn add ngx-logs
bun add ngx-logs
```
## Health
**Score 55/100 (C)** — status: active.
Positive: has types; esm support; no vulnerabilities.
Warnings: low downloads.
## Facts
| | |
|---|---|
| Version | 3.0.14 |
| Published | 2026-05-17 |
| First published | 2021-07-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM |
| Dependencies | 1 |
| Unpacked size | 14.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Manojkumar Muthukumar |
| Maintainers | manoj10101996 |
| Keywords | angular, ngx, log, console, warn, error, ngx-logs, trace, info, table, consolelogs, manoj10101996, uiconfig |
## Links
- npm: https://www.npmjs.com/package/ngx-logs
- Repository: https://github.com/manoj10101996/ngx-packages
- Homepage: https://www.beforepost.com/package/ngx/ngx-logs
- Issues: https://github.com/manoj10101996/ngx-packages/issues
- npm.io page: https://npm.io/package/ngx-logs
## Dependencies (1)
- [tslib](https://npm.io/package/tslib.md) ^2.3.0
## Alternatives
- [@lexical/table](https://npm.io/package/@lexical/table.md) — 3.0M weekly downloads
- [mantine-datatable](https://npm.io/package/mantine-datatable.md) — 98.2K weekly downloads
- [react-native-collapsible-tab-view](https://npm.io/package/react-native-collapsible-tab-view.md) — 70.6K weekly downloads
- [@handsontable/vue3](https://npm.io/package/@handsontable/vue3.md) — 16.1K weekly downloads
- [vuewordcloud](https://npm.io/package/vuewordcloud.md) — 7.2K weekly downloads
## Recent versions
- 3.0.14 (latest) — 2026-05-17
- 3.0.13 — 2025-02-17
- 3.0.11 — 2024-12-01
- 3.0.9 — 2024-08-06
- 3.0.8 — 2024-08-06
- 3.0.7 — 2024-05-13
- 3.0.6 — 2024-04-20
- 3.0.5 — 2024-01-12
- 3.0.4 — 2023-08-24
- 3.0.3 — 2023-08-22
- 3.0.2 — 2023-08-17
- 3.0.1 — 2023-08-13
- 3.0.0 — 2023-08-05
- 0.1.8 — 2023-08-04
- 0.1.7 — 2023-01-22
- … 16 more at https://npm.io/package/ngx-logs/versions
## README
# Welcome to NGX-LOGS!
[](https://npmjs.org/package/ngx-logs)
[](https://badge.fury.io/js/ngx-logs)
[](https://www.jsdelivr.com/package/npm/ngx-logs)
[](https://snyk.io//advisor/npm-package/ngx-logs)
Console input / output strings or any message strings at browser console.
The **`console.log()`** method outputs a message to the web console. The message may be a single string (with optional substitution values), or it may be any one or more JavaScript objects.
A Web console is a tool which is mainly used to log information associated with a web page like: network requests, JavaScript, security errors, warnings, CSS etc. It enables us to interact with a web page by executing JavaScript expression in the contents of the page.
---
[
](https://www.beforepost.com/package/ngx/ngx-logs)
---
## Import
Import the module on your `app.module.ts` file as follow.
```
import { NgxLogsModule } from "ngx-logs";
```
Then import the module as follow on imports array
```
NgxLogsModule
```
## Using
After importing this library with `npm install ngx-logs`, go to the component which is declared under `app.module.ts` and integrate as below.
## NGX LOGS MODULE
```
constructor(private ngxLogs: NgxLogsService) { }
```
---
[
](https://www.beforepost.com/package/ngx/ngx-logs)
---
Use reference for logs service in constructor and import it respectively at any component
## Methods
This are the methods available with ngx-logs use it as per your requirement:
| | Method | Usage |
| ------------ | ----------------------------------------------------------- | ----------------------------------------------------------------------------------------------- |
| Directory | `this.ngxLogs.directory();` | Logs current page info with all require information's (URL, PATH etc.) |
| Clear | `this.ngxLogs.clear();` | Clears the entire console logs |
| Log | `this.ngxLogs.log('Log Message from NgxLogsService');` | Logs standard custom strings as console logs |
| Warn | `this.ngxLogs.warn('Warning Message from NgxLogsService');` | Logs Error message for custom strings as console logs |
| Info | `this.ngxLogs.info('Info Message from NgxLogsService')` | Same as console logs |
| Error | `this.ngxLogs.error('Error Message from NgxLogsService');` | Logs Error message for custom strings as console logs |
| Counter | `this.ngxLogs.counter('Value');` | Console logs for iterations with index value - Can be used with for , forin, foreach, do..while |
| Table / JSON | `this.ngxLogs.table(array)` | Displays array or JSON of array/dictionary input as a table in console |
---
[](https://www.beforepost.com/package/ngx/ngx-logs)
---
---
_Source: https://npm.io/package/ngx-logs · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._