Category: browser

The options page is now visible in Microsoft Edge! Microsoft released yesterday the new Windows 10 Insider build 14315 to all insiders. But what’s new in this build for the Extension developers?

Options page

As you read in our previous post, there was a workaround to open this page in your Edge web browser. Now the extension developers can open the Edge extension options page direct from the “extension” sidebar.

Translation

The first time we open our Options page, we saw no translations and only an empty text label. Because the Edge extension is a port of the Google Chrome extension, we found that the Chrome.i18n.getMessage doesn’t work to see our translation. That’s why we converted also here the Chrome.i18n.getMessage to the browser.i18n.getMessage JavaScript code.

Debug

This time Microsoft Edge web browser allows you to debug the background page of the Edge extension. To open this debug window you see an extra link below the path of your extension. When you click on this link (Inspect “Background page”), you see the debug window.

Security

Are there any security issues in Microsoft Edge? Yes, that’s possible. When I add a YouTube <iframe> player inside our options page, the whole page refresh and then it crashes. Or when I open inside the “Turn Off the Lights” Options page the “TOtL Guide”, the same happens here. The whole page crash and go to this page:

ms-appx-web:///assets/errorpages/acr_error.htm#ms-browser-extension://MSGname_pczg5z86wrh92/options.html

Need the roadmap of the Edge extension? You can find it here on that page. And to learn what extension API is supported, see this Microsoft Extension API page.

Want to test the new version of “Turn Off the Lights” with the Options page? Go to www.turnoffthelights.com/browser/edge/ and click on the big blue download button to download the latest version on your Windows 10 desktop computer or Surface.
This Turn Off the Lights version 3.2.0.12 only works on preview build 14316 and later. We make sure this extension comes online on day one. So you get the best night and video experience. Please, if you like our work. Share it! And if you can make a donation of any amount, we’d appreciate it immensely!

Microsoft released on 17 March 2016 the support of loading your own Edge extension in the Edge web browser. If you are a member of the Windows Insider Program using the fast ring. Build 14291 adds the option to load the edge extension from the three dots menu.

Convert to Edge Extension

We have converted already our Turn Off the Lights Chrome extension version 3.2.0.10 to Edge. These are the basic steps we want to share with you on how to get the Chrome extension working on your Edge web browser.

– If you add this script on top of all your JavaScript files from your Chrome extension, then the most converting is already done. If you have not an advanced extension, then this extension works direct well in your Edge browser.
if (typeof msBrowser !== ‘undefined’) {
chrome = msBrowser;
}
else if (typeof browser != ‘undefined’) {
chrome = browser;
}

– Previous week we converted the Chrome Storage in our Chrome extension to a Cloud version. But when we are converting this to the Edge extension, it doesn’t support the “sync” feature from the Google Chrome Extension API, so you as the developer must change the code from this:
chrome.storage.sync.get
to this
chrome.storage.local.get

– Our Turn Off the Lights extension use the pageaction icon, so the icon is also visible in the first page when you open the Edge web browser. Just right of the blue search button. When you click on the gray lamp button, it dims only the webview element. And that is just below the search box, the other part is gray and is coming from the browser UI.

Before

After

– In build 14291 there is no “Options” button visible on the extension page, so you can’t change a setting in the “Turn Off the Lights” options page. If we tried to do a workaround, paste the URL in the address bar.
ms-browser-extension://MSGname_sdzsm1k4cng40/options.html
You see the pages loading, and then suddenly it goes to a Microsoft Edge error page.

Turn Off the Lights is an open-source project, and you can browse our code on the Github page. It’s a Preview version and we are going to research this more and more. Turn Off the Lights will be ready for you on day one of the public releases. Please don’t forget to support our work by sharing this news and if you can make a donation of any amount, we’d appreciate it immensely!

A new day and a new update available for the Turn Off the Lights Chrome extension users. There few great things inside version 3.2.0.10!

Chrome Sync Extension Settings

Annoying always this Google Chrome Sign in that reset the Chrome extension settings you are using from the previous Google Chrome web browser. In this version you finally sync the Turn Off the Lights extension settings to your Google account. And whenever you sync in your new computer or Chromebook. You get everything back on this new computer with the latest adjusted settings. You as user must do nothing to enable this Chrome sync extension feature. If you’ve logged into the Google Chrome web browser.

Night Mode Shortcut key

Most users want also a separate shortcut to activate the Night Mode, now you can! In this version we add a separate shortcut key Ctrl + Shift + N to active the Night Mode (switch from a day to night theme and vice versa). You can customize the default shortcut commands in the chrome:extensions page where you see below the page the “Keyboard shortcut” link.

We want to give a big shout out for Ebony Lyttle for her feedback and testing this chrome sync extension settings! If you have any questions or feedback for us. Don’t hesitate to contact us on our support page.

Also if you like Turn Off the Lights project please don’t forget to like & share us work. And if you can make a donation of any amount, We’d appreciate it immensely!