Firefox 68: Страница about:compat позволяет управлять вмешательствами в работу сайтов
Впервые страница была представлена в сборках Firefox Nightly в феврале 2019 года.
На самом деле, Firefox без каких-либо проблем отображает абсолютное большинство сайтов, но есть отдельные специфические случаи, для которых и создана about:compat.
Проблемы совместимости
Некоторые разработчики оптимизируют сайты только для Chrome из-за обширной пользовательской базы браузера Google. Недостаточное тестирование в других веб-обозревателях может привести к функциональным проблемам и ошибкам загрузки. Ярким примером может являться сама компания Google, которая разрешает запускать некоторые свои сервисы только в определенным браузерах с помощью анализа директивы user-agent.
Приведем несколько примеров:
Однако, данные меры могут быть недостаточными, если веб-ресурс использует user-agent для определения совместимости.
Mozilla должна найти способ, чтобы гарантировать работоспособность на таких сайтах, особенно если они популярны среди пользователей. Для этих целей организация решила использовать четыре различных метода веб-совместимости.
Переопределение user-agent позволит модифицировать информацию о директиве, доступную сайту. По умолчанию Firefox использует следующий user-agent:
По такому user-agent сайт сразу понимает, что перед ним пользователь Firefox.
Для расширения совместимости Mozilla собирается также использовать user-agent Chrome:
about:compat
Пользователи Firefox 68 и более новых версий могут открыть страницу about:compat, чтобы посмотреть список текущих модификаций, включая переопределения User Agent и вмешательства.
В списке можно найти такие крупные сайты как YouTube, Bank of America, Twitch или Discord. Для каждой записи доступна ссылка на баг репорт в Bugzilla. Пользователь может отключить модификацию, чтобы протестировать поведение сайта без нее.
В 2014 году Mozilla запустила сайт Web Compat. Он позволяет просматривать список ошибок на сайте или сразу же сообщать Mozilla о новой ошибке совместимости. Список отчетов огромен, а рост популярности Chrome только способствует его увеличению.
А вы используете альтернативный Google Chrome браузер? Когда в последний раз вы сталкивались с проблемами совместимости?
Что такое» web Compat » Firefox аддон-Avast предлагаю удалить
Я использую Firefox 48.0.1 и я только что загрузил Firefox и получил предупреждение от Avast о аддоне с плохим рейтингом, точный скриншот:
Я не помню, установить этот аддон, и я не могу найти его на официальном Firefox addon store.
кто-нибудь знает, что это такое, и если я должен удалить его?
2 ответов
полное раскрытие информации: я сотрудник Mozilla и на самом деле один из разработчиков, работающих над дополнением в вопросе!
Это правда, что теперь мы выпускаем некоторые функции внутри как то, что мы называем «System Extension», который технически такой же, как аддон вы могли бы установить на addons.mozilla.org, с той разницей, что они поставляются с предварительно установленной с Firefox и нет никакого способа, чтобы отключить их. В основном мы делаем это, чтобы иметь возможность отправлять обновления быстрее, но также приятно, что у нас есть некоторые функции полностью разделены, что делает процесс разработки проще для нас!
Я очень смущен, что Avast утверждает, что наш системный аддон злой. Версия нашего webcompat аддона, который в настоящее время включен в Firefox не делает абсолютно ничего: это просто заполнитель для нас, чтобы заменить, как только мы построили то, что мы строим. Мне бы очень хотелось знать, как выглядит их «проприетарная аналитика» и почему мы получаем такой плохой рейтинг. Тем не менее, я могу заверить вас, что мы этого не делаем ничего плохого! 🙂
Я очень сомневаюсь, что Avast даже может отключить / удалить системные расширения, но даже если это так, вы абсолютно не должны этого делать. У некоторых системных расширений могут быть зависимости от других, и материал может сломаться ужасно, если один или несколько из них отсутствуют, поэтому, пожалуйста, не удаляйте их.
Что касается самого аддона, то поясню, что мы планируем сделать. В описании уже говорится «срочные исправления после выпуска для веб-совместимости», и это довольно точный. Команда WebCompat в Mozilla гарантирует, что интернет работает в Firefox, в основном. Иногда мы выпускаем изменения внутри Firefox, которые могут сломать определенные веб-сайты, и нам нужно что-то с этим сделать. Мы используем это расширение системы для доставки таких исправлений, когда это необходимо. Если вы хотите, не стесняйтесь читать больше о наших усилиях по веб-совместимости в нашей wiki!
сегодня у меня было такое же предупреждение Avast: Mozzilla объявила в июле 2015 года, чтобы отделить часть основной функциональности Firefox в так называемые системные дополнения, чтобы идти быстрее. В отличие от пользовательских дополнений, чтобы адаптировать Firefox к вашим потребностям, эти системные дополнения не управляются с помощью Add On Manager. Не будучи разработчиком и используя Firefox в качестве браузера, я не буду возиться с функциональностью системы. (И, конечно, не на основе анонимного механизма рейтинга AVAST, который даже не сделайте вид, что определили технический риск и просто утверждает: «делайте то, что делают все остальные!») Мне жаль, что источник, на который я могу ссылаться для дальнейшего чтения, находится на немецком языке. https://www.camp-firefox.de/node/1405
Я не позволю AVAST удалить часть системных функций моего браузера, и никто не предложит это сделать.
Webcompat.com Reporter от Thomas Wisniewski
Adds a button to allow users to easily report site compatibility issues at webcompat.com, for the active tab.
Метаданные расширения
Используется
The webcompat.com reporter extension adds a button which allows users to report issues with any site on the web.
Sometimes, sites have bugs or policies that prevent them from working well in every browser. The community at webcompat.com works to help web developers and site owners identify and fix such issues.
If something appears broken, but works in another browser, or if a site or app insists you install another browser this is likely a web compatibility issue that you can report with this add-on.
If you want to report a specific webpage, click on the extension and Firefox will open a new tab to report the issue to webcompat.com. Other than the information in your public report (see below), no other information is collected.
Webcompat.com allows you to report web compatibility issues though a simple webform. Volunteers view the reports, identify solutions, and share the reports and solutions with the website admins. For more details see our About page.
All reports are publicly accessible. Please do not include any confidential or personal information in the content of your report.
The User Agent HTTP header that your browser sends will be recorded in the bug report, if you choose to report a bug, but is hidden by default.
If you choose the anonymous option, the only information that we’ll receive is the content of your report.
Reporting via GitHub
If you choose the GitHub option, webcompat.com will receive your GitHub username and avatar. You can revoke our access to this information at any time from the «Applications» section of your profile page.
If you log into our site using your GitHub user account, webcompat.com will use cookies to record your session information. The cookie will expire when the session ends, i.e., when you click «logout».
Webcompat.com also uses Google Analytics to track usage statistics.
You can find us on Twitter (@webcompat) or on the public mailing list compatibility@lists.mozilla.org (which is archived on Google Groups). These are public forums, so please minimize any personal information you choose to share.
Сообщить о нарушении правил этим дополнением
Если вы считаете, что это дополнение нарушает политики Mozilla в отношении дополнений, или имеет проблемы с безопасностью или приватностью, сообщите об этих проблемах в Mozilla, используя эту форму.
Не используйте эту форму, чтобы сообщать об ошибках или запрашивать новые функции в дополнении; это сообщение будет отправлено в Mozilla, а не разработчику дополнения.
Этому дополнению нужно:
Web compat reporter что это
Webcompat.com Reporter browser extensions
Browser extensions for Chrome, Firefox, Opera, and Safari that allow users to click on a button in the browser chrome to report a web compatibility issue at webcompat.com.
*(If someone knows how to build something similar for Internet Explorer, please file an issue)
Find the packaged extension in the bin directory, and install in your browser (usually double-clicking or dropping into a browser window does the trick).
Links to extension sites coming soon.
Another way to easily report issues is via a bookmarklet. Make one of those however you make them normally, and copy and paste the following code:
To build the Firefox, Chrome and Opera web extension addons, first, install npm dependencies by running the following command from the project root:
The following commands will build the addons, so they can be packaged for testing or distribution:
The following commands will run the addons in their target browser:
To run the addon in Firefox for Android, use the following commands:
Note: it’s necessary to pass the device ID as an argument for these commands:
Tests can be run with by running the following npm script:
By clicking on the extension button, the user asks the browser to send the URL of a website to webcompat.com (in order to report an issue) in a new tab. No information is collected besides that which gets submitted by the user as a bug report.
If you choose to upload a screenshot or other image, it will be publicly accessible. Please do not include any confidential or personal information in the screenshot.
The User Agent HTTP header that your browser sends will be recorded in the bug report, if you choose to report a bug, but is hidden by default.
This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/.
Icons derived from work licensed under Creative Commons Attribution:
webcompat / webcompat-reporter-extensions Go PK Goto Github PK
Browser extensions to help report site compatibilty issues.
webcompat-reporter-extensions’s Introduction
Webcompat.com Reporter browser extensions
Browser extensions for Chrome, Firefox, Opera, and Safari that allow users to click on a button in the browser chrome to report a web compatibility issue at webcompat.com.
*(If someone knows how to build something similar for Internet Explorer, please file an issue)
Find the packaged extension in the bin directory, and install in your browser (usually double-clicking or dropping into a browser window does the trick).
Links to extension sites coming soon.
Another way to easily report issues is via a bookmarklet. Make one of those however you make them normally, and copy and paste the following code:
To build the Firefox, Chrome and Opera web extension addons, first, install npm dependencies by running the following command from the project root:
The following commands will build the addons, so they can be packaged for testing or distribution:
The following commands will run the addons in their target browser:
To run the addon in Firefox for Android, use the following commands:
Note: it’s necessary to pass the device ID as an argument for these commands:
Tests can be run with by running the following npm script:
By clicking on the extension button, the user asks the browser to send the URL of a website to webcompat.com (in order to report an issue) in a new tab. No information is collected besides that which gets submitted by the user as a bug report.
If you choose to upload a screenshot or other image, it will be publicly accessible. Please do not include any confidential or personal information in the screenshot.
The User Agent HTTP header that your browser sends will be recorded in the bug report, if you choose to report a bug, but is hidden by default.
This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/.
Icons derived from work licensed under Creative Commons Attribution:
Contributors
Stargazers
Watchers
Forkers
webcompat-reporter-extensions’s Issues
Add X-Reported-With headers to Chrome, Opera, and Firefox for Android add-ons
var reporterID = ‘addon-reporter-firefox’; should be different, though.
‘addon-reporter-chrome’, ‘addon-reporter-opera’, ‘addon-reporter-fennec’ seem good.
Set up Travis lint task
We don’t have tests really. but we’re going to have a nice linting task when #64 is merged. It would be cool to at least set up Travis to lint all PRs.
doc mention this is already in IE11
In the spring update to IE11 you now have this functionality baked in:
Don’t allow double install in Firefox or Firefox for Android
For Fennec Nightly users, installing the addon shouldn’t add another menu item.
Remove `firefox-bootstrap` folder
I think the built-in Report Site Issue button should be maintained in Mozilla Central, similar to how we maintain the built-in menu item for Fennec. And the Firefox add-on can live here as a web extension.
Add context menu options for Chrome and Opera add-ons
The change should be perhaps literally the exact as #30.
Use a shorter name when the icon is placed in the menu
In the menu, it might be better if to have a short name like «Report Issue» and hover text can have more detailed explanation.
Here is an example: 
Capture and attach videos to reported site issues (using the `chrome.desktopCapture` API, falling back to `MediaRecorder` and `form[enctype=»multipart/form-data»]`)
It’d be nice to support attaching a video (and ideally recording one directly from the browser).
Let me know your team’s thoughts and how we can help this. Many thanks!
Switch to whitelist for `isReportableURL`
There’s a nice idiom suggested by Dennis we can re-use:
Ditch custom headers and use src param
And once this is done, bump version number and publish.
Update Fennec add-on to support screenshot junk
This one doesn’t use the Addon-SDK or Web Extensions, so whatever it ends up looking like, it’ll get mirrored into the built-in Nightly reporter add-on thingy. We can either send a base64 image like the others, or send a blob (because it’ll be using 2dRenderingContext.drawWindow() which supports either).
Remove jpm and web-ext as dev dependencies for chrome and opera
Privacy section of README should mention screenshots
Change webRequest URL to match on /issues/new endpoint, not homepage
Add-on should add a class to documentElement to hide «install our extension!» prompt
Not sure how the timing will work out, but if we can add a class like has-extension to document.documentElement we can make the page look less dumb.
Can’t submit compat bug in fennec
There isn’t an option to say «Yes» when asked to report site issue.
Expected results:
Option for Yes or No thanks
Actual results:
Only «No thanks» appears
Add screenshot support to Chrome addon
Would require image support for our form first though.
Unable to report bug when submitted through addon
Expected behavior:
Bug is filed, receive trophy.
Actual behavior:
Site hangs, spinner spins infinitely, reporter feels sadness within.
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:45.0) Gecko/20100101 Firefox/45.0
Add an npm top level command for running eslint on all add-on folders
The command must eslint the following sub-folders :
PS : The command must run from the project root
Add hooks to allow content (web pages) to capture a screenshot for reporting site issues
The screenshot bits are the most important for us, when we direct people to a new WebCompat issue form from a link in content on a WebVR page.
[bug] broken download link in Safari
Download link to the extension is broken in Safari.
Add-on for Edge
if and when they support them?
Sync with webcompatReporter.js for mobile firefox addon
Update user on site fixes
Going to throw out an idea here. If a user reports a website as broken, we could store which sites have been reported in the browser and send the user a notification when the site gets fixed.
It could be a good way to encourage users to report more bugs, if they feel their actions made a difference.
Make Firefox desktop add-on e10s compatible
@karlcow mentioned getting an error in Nightly.
To investigate what’s causing it and make the addon multiprocess friendly.
Add homepage form URL to onBeforeSendHeaders
We want to send custom headers for both.
Consider accepting and supporting «sentiment reports»
Per my conversation with @miketaylr, allowing submission of sentiment reports – not just compatibility issues – could be an interesting use case for WebCompat.
I ask on behalf of the WebVR team, in the various (experimental) WebVR-enabled browsers¹, we’re seeing, triaging, and addressing sites into several buckets: great, good, bad, awful, needs fixing, needs better user on-boarding/usage instructions, etc.
@miketaylr pointed me to a Firefox extension written by @chuckharmston that handles a specific type of sentiment report: performance metrics and sentiment reports, to be funneled to Firefox engineers. Here’s its Test Pilot experiment page.
Let me know if this would be considered in or out of scope for the WebCompat browser extensions. If it’s possible, it’d be nice to have «Sentiment Reports» be an option that can be toggled in the UI. Or, at the very least, it’d be perfect if there were just simple API endpoints to do XHR / fetch POSTs, and the WebCompat/web-bugs repo issues can house the submissions. If those APIs exist already, great!
Update Desktop Firefox add-on to support screenshots
Ideally we write a Web Extension here (and lazily port from Chrome extension), but I’m blocked on the following:
Publish updated add-ons via regular channels
Not sure if I kept the original certs for signing, but we’ll find out.
Suggest users to do additional tests for busted sites (by privacy enablers)
Idea from Brad re:tracking protection.
Suggest ways to get around busted sites. Disable tracking protection, ad-blockers/add-ons.
For sites which block or severely hurt the user experience, give a more apparent notification to the user.
NativeWindow.menu icon missing in Firefox for Android?
Unsure why, it worked when I took the screenshot in the README.
Aurora 35.0a2 incompatible with the addon.
The addon is not installed.
It says that Firefox 35.0a2 is not compatible.
Add eslint linting
We can probably just run this via npm scripts, so a package.json would be needed as well.
We use the following settings for webcompat.com:
Disable addon for non-webby URLs
Update Safari add-on to capture screenshot
SafariBrowserTab.visibleContentsAsDataURL should do what we want.
Helper wizard
After a quick discussion with @miketaylr about this, I put together some ideas regarding adding a wizard to the reporter extensions. Thoughts?
Why add a wizard to the webcompat.com reporter extensions?
Proposed Process
Entry point
Site issue is identified
Click the reporter icon
Wizard Step 1
Wizard Step 2
Wizard Step 3
Possible web compatibility bug description:
A layout, feature or some content of a website that works as expected in one browser, but does not in another.
If person requests desktop site in Firefox for Android, show a doorhanger message
Clippy-like, asking if they’d like to report an issue on webcompat.com.
Default location of reporter should be menu
The reporter should by default go into the menu instead of the toolbar.
Create dark light bulb icon to match styling of other icons in the toolbar/menu
Add-On icon is hard to read in the Firefox toolbar. It may not be recognizable as a light bulb. It is a little easier to see when placed in the menu but is still not completely readable.
A darker light bulb icon may be easier for users to recognize on the toolbar.
Send custom headers when reporting via add-on
X-Requested-With (or something)
addon-firefox, addon-chrome, addon-opera, addon-fennec,
native-firefox, native-fennec (for the versions that ship/will ship in Nightly/Aurora)
Do we bother including the browser version w/ the header? I’m leaning towards no because we can get that from the page already.
Firefox: title overflow when in hamburger helper
Make bookmarklet that does the same thing as the extension
For people that prefer those—also I think this could work for IE11.
Remove firefox directory
We moved to a WebExtension, which is shipping now, so we can just get rid of the old one. And then we can rename firefox-webext to just firefox.
submit extensions to official sites
Uh, maybe I’ll wait a day to find all the bugs.
Make firefox extension mobile-compatible
Update Opera add-on to take screenshots
Change URL prefix to new /issues/new endpoint
Add webcompat reporter to context menu in Firefox
As someone who looks into the errors on page, I often right-click and go to my Inspector/Dev Tools. The context menu would be a great spot to put a link to the webcompat form.
Create SVG icon for reporter
As discussed we should switch our icon to SVG for the reporter.
Port reporter back to add-on
In order to move on issues #50 and #28, we need to switch the Firefox reporter back to add-on SDK. @miketaylr might still have the old code which could be handy.
Recommend Projects
A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
Recommend Topics
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
server
A server is a program made to process requests and deliver data to clients.
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Recently View Projects
webcompat-reporter-extensions
Browser extensions to help report site compatibilty issues.