In the image attached below, in the (3) light blue content assist box, on the left there are 5 Firefox browser icons. What do they mean? Seemingly they mean those methods are only supported in Firefox. But of what versions? And if a certain element is supported in both Firefox and Chrome, but not IE, how will it show (as there is only 1 column space for 1 icon)?
(image from http://www.jetbrains.com/phpstorm/webhelp/familiarize-yourself-with-phpstorm-editor.html)
On the other hand, in Aptana, there are different columns of browser icons, showing levels of support by light up or not.
(image from http://aptana.com/products/studio3)
In addition, in the description area, detailed browser versions of support is also shown.
(image from my test of Eclipse + Aptana plugin)
If one asks why dont i just use Aptana, and forget about PHPStorm? As there are some significant drawbacks while coding JS in Aptana, and some says Aptana browser version support is not worth trusting. That's why I am looking for different IDEs.
In conclusion, how to understand browser icons in PHPStorm content assist?
The FireFox icon is used for Object methods defined in HTML standard library marked with '@browser Gecko' annotation. The properties that used to be supported by Mozilla-based browsers are marked this way. IE-specific have '@browser IE' annotation and are displayed with IE icon... No information about explicit version is available. Note that most of these properties are non-standard and deprecated - for example, defineGetter() has been replaced with Object.defineProperty()
来源：https://stackoverflow.com/questions/20794994/how-to-understand-browser-icons-in-phpstorm-content-assist