# Design, Create, and Publish a Chrome Extension

<figure><img src="/files/HeAsPFA1M4LB2ABfhQAE" alt=""><figcaption><p>Link Reveal Extenstion Published in Chrome Web Store</p></figcaption></figure>

Click the link below to see the online guide:

[Create and Publish a Chrome Browser Extension](https://rpeltz.gitbook.io/create-and-publish-a-chrome-browser-extension/)

### Description

This learning guide uses an example of a Chrome Extension that I created while studying Cybersecurity.  There are so many phishing attacks carried out these days.  So much is left to the user to exercise restraint when clicking a link.  The instruction is usually given that to help avoid phishing, hover over links and see if they are suspect before clicking on them.  As an application developer, I felt that creating a browser extension might help to reveal what's programmed in a link.  My extension generates a popup window with a report describing all the attributes in the user's web page links.  It also shows red and green indicators for all possible problems a link might have based on the attributes in the element.

I used Chrome to create the extension. When I discovered that Chrome had created a new extension version and that the manifest and code requirements had changed, I used this opportunity to make a guide to help me remember how I designed, coded and published the extension.

I shared a link to this guide in a [blog post about phishing](https://dev.to/rebeccapeltz/stop-phishing-by-analyzing-the-bait-3f0f).

### Technology

This guide was created using [GitBook](https://www.gitbook.com/).  The Chrome Extension was coded using HTML, JavaScript, and CSS.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://rpeltz.gitbook.io/portfolio/projects/learning-apps/design-create-and-publish-a-chrome-extension.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
