A quick shortcut to your Home Assistant
Home Assistant Extension
Unofficial extension to quickly access your Home Assistant dashboard from everywhere
=== Setup ===
Open your configuration.yaml file and add the following lines, then restart Home Assistant.
http:
use_x_frame_options: false
In your Lovelace dashboard, create a new view and add a few cards that you want to see in your extension
Here are a few tips:
- If you have only one card, activate the \"panel mode\" option for a better look
- If you want to match your browser color scheme, you can choose a specific theme just for this view
- You can completely hide the view if you don't want it to show in your existing dashboard, it won't affect the extension
- I suggest you to choose a specific URL for the view. For example: \"extension\"
Install and pin the extension in Chrome so it's always visible
Open the extension options (right-click the icon > Configure), then:
- Set the URL of your view as seen in your browser, for example https://my-home-assistant.com/lovelace/extension
- Adjust width and height so everything looks good
- You can choose to crop the upper part of your view to hide the page header. By default, the size of the header is 56 pixels
Read more
=== Setup ===
Open your configuration.yaml file and add the following lines, then restart Home Assistant.
http:
use_x_frame_options: false
In your Lovelace dashboard, create a new view and add a few cards that you want to see in your extension
Here are a few tips:
- If you have only one card, activate the \"panel mode\" option for a better look
- If you want to match your browser color scheme, you can choose a specific theme just for this view
- You can completely hide the view if you don't want it to show in your existing dashboard, it won't affect the extension
- I suggest you to choose a specific URL for the view. For example: \"extension\"
Install and pin the extension in Chrome so it's always visible
Open the extension options (right-click the icon > Configure), then:
- Set the URL of your view as seen in your browser, for example https://my-home-assistant.com/lovelace/extension
- Adjust width and height so everything looks good
- You can choose to crop the upper part of your view to hide the page header. By default, the size of the header is 56 pixels
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Home Assistant", "description": "A quick shortcut to your Home Assistant", "version": "0.5.0", "manifest_version": 3, "options_page": "options.html", "permissions": ["storage", "contextMenus"], "background": { "service_worker": "background.js" }, "action": { "default_popup": "popup.html", "default_icon": { "16": "/images/logo_16.png", "32": "/images/logo_32.png", "48": "/images/logo_48.png", "128": "/images/logo_128.png" } }, "icons": { "16": "/images/logo_16.png", "32": "/images/logo_32.png", "48": "/images/logo_48.png", "128": "/images/logo_128.png" }}
Read more