shimo164 / change-website-lang

Chrome extension to change languages of website

change-website-lang

Notice

• Beta: Locale in AWS document https://docs.aws.amazon.com is changed from english to japanese. Before start, set the locale of the doc page to English. (hard coded as const langCode = 'ja_jp';)

About

• Chrome extension for quickly switching between two locales on any given website.
• The scroll position is retained when switching between locales.

How to Use

• Click on the extension icon in the Chrome toolbar to switch between locales for the current page.
• The switch will happen seamlessly, reloading the page in the new locale.

How to Set Target URLs and Locales

• Right-click the extension icon and select "Options". In the textarea, enter the root URL and the two locales you want to switch between for each website.
• Each entry should be on a new line.
• Format: Enter the root URL, followed by the two locales, each separated by a comma.
  • Example: https://learn.microsoft.com, en-us, ja-jp
  • In this example, the extension will toggle between the 'en-us' and 'ja-jp' locales for any URL starting with 'https://learn.microsoft.com'.
• Please note that the locales should match exactly with the URL segment for the locale on the website.

How to install

• Download the folder of change-website-lang/.
• Go to chrome://extensions/, turn on Developer mode.
• Click Load unpacked
• Find and select the folder
• See https://support.google.com/chrome/a/answer/2714278?hl=en

Acknowledgement

Globe icons created by th studio - Flaticon

change-website-lang's Issues

When scroll on that page, scroll to up by force.

Describe the bug
When scroll on that page, scroll to up by force.

To Reproduce

Set https://azure.microsoft.com, en-us, ja-jp

Go https://azure.microsoft.com/ja-jp/resources/training-and-certifications/#overview. When scroll on that page, scroll to up by force. (Changing langs itself works.)

feat: change the locales of AWS document

Is your feature request related to a problem? Please describe.
No

Describe the solution you'd like
Add feature to change the locales of AWS document.

• Open a document page. Change the url directly without using the locale menu.
• After opening a tab, if you use a locale menu once, we cannot change the language by manual url changes. (It will be redirected.)

Describe alternatives you've considered
Manually change.

Error handling response: TypeError: Cannot read properties of undefined (reading '0')

Error handling response: TypeError: Cannot read properties of undefined (reading '0') at chrome-extension://xxx/background.js:89:40

Unchecked runtime.lastError: Cannot access a chrome:// URL

Unchecked runtime.lastError: Cannot access a chrome:// URL

Uncaught (in promise) Error: Cannot access contents

Error description:

Uncaught (in promise) Error: Cannot access contents of url "xxxxxx". Extension manifest must request permission to access this host.
background.js:1

Fail to save setting

Describe issue

When update the setting of mappings. "Saved" message appears.
But it does not working on the newly registered url.

Set
https://azure.microsoft.com, en-us, ja-jp
to switch in https://azure.microsoft.com/ja-jp/pricing/details/functions/

Error message

Error handling response: TypeError: Cannot read properties of undefined (reading 'updateTargetInfo')
Context
options.html
Stack Trace
options.js:4 (updateBackgroundPage)
options.js:23 (anonymous function)

Create options page. Set host permission.

• set host permission to broader https://
• setting in options page.
  • read as local storage
  • set target URL and locale pattern. like https://learn.microsoft.com, '/en-us/': '/ja-jp/'

Scroll to top when reload

Now

When languages are switched, the scroll position is preserved. Same as reload now.

To be

When reload, the cursor position is on the top.

Icon is hard to see

Is your feature request related to a problem? Please describe.

Icon on the menu bar is transparent. When I use with dark mode Chrome, it's not easy to see.

Left: This extension. Right: Notion app for the ref.

Describe the solution you'd like

Modify the icon to be found easily even with darkmode.