ngprobe

Chrome Devetools Elements sidebar to displays Angular Component (pre-Ivy and Ivy) and AngularJS Scope for selected element i.e. $0

O que é ngprobe?

ngprobe é uma extensão do Chrome desenvolvida por Sandip Chitale, e sua principal característica é "Chrome Devetools Elements sidebar to displays Angular Component (pre-Ivy and Ivy) and AngularJS Scope for selected element i.e. $0".

Capturas de Tela da Extensão

screenshot
screenshot

Baixar o arquivo CRX da Extensão ngprobe

Baixe arquivos de extensão ngprobe no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

                        How it works

The extension evaluates the following expression in the context of the page and displays the results in 'ngprobe' sidebar pane:

If Angular (Ivy) is detecetd:

```
    ng.getOwningComponent($0)

    where:

    $0 is the element selected in Elements tab.
```

If Angular (pre Ivy) is detecetd:

---
    ng.probe($0).componentInstance

    where:

    $0 is the element selected in Elements tab.
---

If AngularJS is detected:

---
    angular.element($0).scope()

    where:

    $0 is the element selected in Elements tab.
---

Also shows parent components or scopes as an array.

The values of component properties can be edited in the ngprobe sidebar pane.                    

Informações Básicas da Extensão

Nome ngprobe ngprobe
ID gdcplkgkgljpjkniblmomaholidjngoo
URL Oficial https://chromewebstore.google.com/detail/ngprobe/gdcplkgkgljpjkniblmomaholidjngoo
Descrição Chrome Devetools Elements sidebar to displays Angular Component (pre-Ivy and Ivy) and AngularJS Scope for selected element i.e. $0
Tamanho do Arquivo 103 KB
Contagem de Instalações 449
Versão Atual 1.0.6
Última Atualização 2020-10-28
Data de Publicação 2020-04-12
Classificação 5.00/5 Total de 1 Avaliações
Desenvolvedor Sandip Chitale
Email [email protected]
Tipo de Pagamento free
Site da Extensão https://github.com/sandipchitale/ngprobe
URL da Página de Ajuda https://github.com/sandipchitale/ngprobe/issues
Idiomas Suportados en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "ngprobe",
    "version": "1.0.6",
    "description": "Chrome Devetools Elements sidebar to displays Angular Component (pre-Ivy and Ivy) and AngularJS Scope for selected element i.e. $0",
    "icons": {
        "128": "ngprobe128.png"
    },
    "devtools_page": "ngprobe.html",
    "manifest_version": 2
}