Knowledge panel still translated while some not translated results by default are accidentally translated when using mobile view

[MikuAuahDark]

So looks like Google has slightly different layout for the mobile and the desktop. Because it seems cause the extension not able to find the text in yellow background (sorry if it appears too big, GitHub doesn't seem to scale it?).

However for other search result, the extension is able to untranslate it properly, so it's a miracle that the obfuscated class name matches closely between mobile view and desktop.

If there's a way to perform "Inspect Element" on Firefox Mobile, I can send out HTML dumps to help investigating it. I made this as separate issue to not clutter #7.

[lnoss]

This comes from the the Knowledge Graph and are called "Knowledge panels" with a display updated two years ago. If I understand correctly, this panel is untranslated by the extension on the computer view, but not on the mobile one?

Could you try first on a computer?

On Firefox:

1. Open the Web Inspector with right click (or Ctrl + Shift + I);
2. Open the Responsive Design Mode by clicking the smartphone/table icon (or Ctrl + Shift + M):
   
3. Select a device. It also changes your User-Agent to simulate the smartphone so Google Search return their mobile page:
   
4. Search something;
5. If it works, you will be able to get the HTML easily.

[MikuAuahDark]

It kinda look different compared to what's shown in my phone but the extension doesn't seem to able to untranslate them either so I guess this dump works? (Yes, I allow the extension to run in private tab)

navia_dump.txt

The translated part should be the second .MjjYud (the first .MjjYud is the title, in this case "Navia")

[lnoss]

It seems that I can find a way to generalize the selectors, but in this new dump, I don't know if I didn't pay attention before, there are also Google links to untranslate results... that are not displayed with a traduction.

You see this result?

If you do the same search with the extension, I'm pretty sure you will see it translated:

In other words, the extension is translating results not translated by default by Google. But Google Search returns two versions for some results (original result and the hidden translation) even though it has decided to display only the original result without displaying a button-link to translate it. The button-link exists, it's just hidden, and the extension will process it.

Need to generalize the selectors for the "knowledge panels" and check visibility of the links. It shouldn't be long.

[lnoss]

Also need to increase minimal version for support:

• Chrome 105 (Release date: 2022-09-02)
• Firefox 106 (Release date: 2022-10-18)
• Edge 105 (Release date: 2022-09-01)
• Opera 91 (Release date: 2022-09-14)

https://developer.mozilla.org/en-US/docs/Web/API/Element/checkVisibility#browser_compatibility

[MikuAuahDark]

In my phone, the 2nd result (should be by Game8.co as in your screenshot) is untranslated properly in 0.0.6. However the layout between the simulated through devtools and what my phone actually shows is kinda different.

[lnoss]

You can try the 0.0.7 pre-release: https://github.com/lnoss/no-google-search-translation/releases/tag/0.0.7

Download the .xpi file.

On Firefox Android, you need to sideload:

• Go to Firefox Settings, tap on “About Firefox”
• Tap 10 times on the Firefox Fenix logo
• Go back, a new option appears “Install an add-on from a file”
• Select the .xpi file from the directory where you saved it.

[MikuAuahDark]

I seem unable to install the extension in Firefox Android (Play Store), citing the extension is unverified.

[lnoss]

Boring. I forgot this requirement. The only way to get around without developing tools for side loading, I think, is to use Firefox Android Nightly and disable a parameter to remove signature control.