Observação
O acesso a essa página exige autorização. Você pode tentar entrar ou alterar diretórios.
O acesso a essa página exige autorização. Você pode tentar alterar os diretórios.
Utilize as demonstrações de extensões para saber como desenvolver extensões para o Microsoft Edge.
repositório de MicrosoftEdge-Extensions
| Nome da demonstração | Descrição | Código fonte & Readme | Documentos |
|---|---|---|---|
| Página Web de pop-up do visualizador de imagens | Uma extensão do browser, sem JavaScript, que apresenta a stars.jpeg imagem numa pequena página Web num pop-up em qualquer separador do Microsoft Edge. |
/picture-viewer-popup-webpage/ | Exemplo: página Web de pop-up do visualizador de imagens |
| Insertor de imagens com o script de conteúdo | Utiliza código JavaScript para inserir a stars.jpeg imagem na parte superior da página Web atual, dentro do <body> elemento . |
/picture-inserter-content-script/ | Exemplo: Insertor de imagens com o script de conteúdo |
Repositório MicrosoftEdge/Demos
| Nome da demonstração | Descrição | Código fonte & Readme | Documentos |
|---|---|---|---|
| Extensão DevTools | Inclui as seguintes demonstrações. | /devtools-extension/ | Criar uma extensão DevTools, adicionar um separador e painel de ferramentas personalizados |
| Básico | Uma extensão básica de DevTools. | /devtools-extension/sample 1/ no repositório MicrosoftEdge/Demos | Passo 1: crie uma extensão básica do Microsoft Edge que tenha uma página Web DevTools em Criar uma extensão DevTools, adicionando um separador e um painel de ferramentas personalizados. |
| Painel | Uma extensão Básica de DevTools com um painel. | /devtools-extension/sample 2/ no repositório MicrosoftEdge/Demos | Passo 2: adicionar uma ferramenta personalizada no DevTools em Criar uma extensão DevTools, adicionando um separador e um painel de ferramentas personalizados. |
| CDP | Uma extensão Básica de DevTools a invocar APIs CDP (Chrome Developer Protocol). | /devtools-extension/sample 3/ no repositório MicrosoftEdge/Demos | Passo 3: apresentar informações de memória ao chamar APIs de extensão em Criar uma extensão DevTools, adicionando um separador e um painel de ferramentas personalizados. |
| Inspect | Uma extensão Básica de DevTools que interage com a página Inspecionada. | /devtools-extension/sample 4/ no repositório MicrosoftEdge/Demos | Passo 4: Interagir entre a página Web e as DevTools em Criar uma extensão DevTools, adicionando um separador e um painel de ferramentas personalizados. |
Consulte também
- Clone o repositório de Demonstrações do Edge para a unidade em Código de exemplo para DevTools.