> For the complete documentation index, see [llms.txt](https://rpeltz.gitbook.io/create-and-publish-a-chrome-browser-extension/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://rpeltz.gitbook.io/create-and-publish-a-chrome-browser-extension/create-a-chrome-extension.md).

# Create a Chrome Extension

The LInk Reveal extension is shown below. Click on an icon to view a report that reveals links and analyzes their attributes.

<figure><img src="https://1844421542-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6LCiD8YFC3QaVMAitKKO%2Fuploads%2Frq5Es0HKX2I1vYf3uy45%2Flink-report.gif?alt=media&amp;token=d82095f3-d67b-41ee-9bde-7a26e86bb106" alt=""><figcaption><p>Link Reveal Chrome Extension</p></figcaption></figure>

We'll follow the design and creation of an extension named **Link Reveal**.  It will be activated by clicking an icon to the right of the Chrome address bar.  The red hook is the icon associated with this extension.

<div data-full-width="false"><figure><img src="https://1844421542-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6LCiD8YFC3QaVMAitKKO%2Fuploads%2FqjFJ1lucBMHsrlNdStpj%2Fchrome%20address%20bar.png?alt=media&amp;token=6d735a39-bc60-4b61-a8eb-3d2c03b1e4db" alt=""><figcaption><p>Chrome Address Bar with Extension Icons on the Right</p></figcaption></figure></div>

When the user clicks on the icon, this triggers an action that results in a popup window displayed with the **Link Reveal** report of all the links in the current web page.

Creating a Chrome extension starts with understanding the requirements that files containing code and configuration must meet.  Knowing how Chrome communicates between the user web page and the extension web page is essential. &#x20;