HTMLElement.scroll() function browser compatability [closed] - javascript

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
Where can I find browser compatability information for the HTMLElement.scroll() function? I've looked on caniuse.com as well as the Mozilla Developer Network, but I was unable to find any information on the scroll function.

It doesn't exist and yet it is there in Chrome, inherited from the Element class (not HTMLElement in Chrome).
I dug through all references and nobody is willing to admit to its existence except here:
https://webplatform.github.io/docs/html/attributes/scroll/
It is a throwback to IE6. Presumably still unofficially supported for backwards compatibility?
Whilst that page describes its purpose with regard to the HTML or BODY elements, I actually arrived at that page from this one which listed it as a method of HTMLElement:
https://webplatform.github.io/docs/dom/HTMLElement/
Recommendation: DO NOT USE!

That would be because it does not exist.
You've got all sorts of other options, such as scrollTop(), scrollIntoView(), scrollLeft() etc.... But plain old scroll() does not exit.
A function named scroll() would be ambiguous. What would it do?

The Element.scroll is added as an extension to Element by the CSSOM view module specification (https://drafts.csswg.org/cssom-view/#extension-to-the-element-interface). Browsers haven't been very fast in adopting everything from the CSSOM specification, so i would be careful using it. However in my opinion it should be in same level of support as Element. scrollIntoView which is another extension proposed by the CSSOM specification, for which you can find support info here https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView#Browser_compatibility

Related

Need a Javascript Incompatibility Example [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
I am currently looking around for a javascript example that can demonstrate the incompatibility or behavior issues in different browsers.
I have tried everything suggested here: Click here without luck.
Can anyone give me an example on this please. It is for teaching purposes.
Thanks in advance
P/S: The example should be applicable for all of the current modern browser (the latest version)
Try going to http://caniuse.com/. Different browsers will implement the latest features at different speeds and hence you can showcase the incompatibilities this way.
e.g.
(()=>console.log('hello'))();
works in chrome but not in IE11
var text = new Text('Oh, how quick that fox was!');
Works in chrome, but not IE.
There's a large list of incompatibilities at http://quirksmode.org/compatibility.html
Test page for the above constructor at http://quirksmode.org/dom/core/createElements.html

A javascript method/stack tracer for browsers? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
To help debugging a huge web application involving a lot of javascript calls, I would like to be able to trace all these JS calls automatically, to generate a kind of stacktrace (as a tree for example) for all calls, through a plug-in for web browser.
Of course all browsers include a great javascript debugger, but its "stacktrace" tab usually only give current stacktrace for an active breakpoint.
My goal is to don't have to put any breakpoint : simply load the page, run actions, and then retrieve the list of method invocations as a tree, and so.
Also, I DO NOT want to modify the source itself to include in it some profiling/tracing features.
Firefox is my favorite browser, but Chrome may be suitable too for this purpose.
Previously there were an addon to FF to do almost this, fireflow, but since a few FF releases it's not working anymore and it will be likely not be fixed (because it uses a deprecated lib removed in last FF).
I didn't find any replacement solution, or StackExchange topic about a such solution.
You could use flame charts of the Chrome Developer Tools:
http://addyosmani.com/blog/devtools-flame-charts/
You might be able to implement some sort of debug output using ES6 proxies, see: http://www.2ality.com/2014/12/es6-proxies.html .. around section "2.4 Forwarding Operations".

Learn the inner workings of web browsers [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
I've just recently started looking into the details of which events fire when in what browsers when an html page is loaded, and at how to use JavaScript, especially jQuery, to leverage those events to make a page do exactly what I want, when I want.
It seems like knowledge of when and how browsers set off events and how to access them in JavaScript is a pretty big deal, but there isn't really one, good place to go and learn about it. There are thousands upon thousands of juicy tidbits which contain all the information, many of which are even grouped on certain sites (like this one), but you generally have to know what you're looking for, which prevents a lot of the "stumble upon" effect when learning about a topic.
So is there a good place to learn about all the intricacies of something like the order of events when a page is loaded, or what exactly browsers do during an AJAX call, or just about how browsers deal with an general JavaScript event?
Haven't had time to read it myself but looks quite promising:
How Browsers Work
The holy grail of Javascript (events): quirksmode.
You could try Sitepoint.com http://www.sitepoint.com/javascript-from-scratch/ They do some very good and easy to read books and online guides for every skill level.

is there a javascript website/wiki/reference corner where we can see which browsers support *selected-function*? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
does anyone know of any javascript website/wiki/reference where we can see which browsers support selected-function ?
I mean I often go to MDC to get the api and stuff like that but usually beside the API they do not write the supported browsers.. so basically often I have to test it myself and see if say the MouseEvent's screenX, screenY, clientX, clientY, ctrlKey, shiftKey, altKey, metaKey, relatedTarget works "as expected" in the latest versions of the top 5 browsers: IE/FF/Chrome/Opera/Safari
Ok I'm not lazy but I'm just looking for a better alternative..
You might try PPK's Quirksmode Master Compatibility Chart for starters. The links on the left of that main chart lead off to more specific charts. The site is kept up to date, and also has lots of information about mobile browsers.

Webkit JavaScript Reference [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
For Gecko there's Mozilla Developer Network
For IE there's MSDN.
For webkit there's...Apple Developer Connection?
There are a couple of JavaScript related documents on ADC, but nothing as comprehensive as MDN or MSDN. There's no reference. There's no way to look up methods of arrays or strings for webkit, or anything is there? So what, do we just assume it's the same as Gecko? IE?
How about the WebKit DOM Reference?
http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/WebKitDOMRef/index.html
Update
Thanks for the comments - yes this now redirects.
Perhaps as others have said, one of the other browsers' references would be a good place to start - then for Safari's own DOM extensions/additions, there's the 'Safari DOM Additions Reference':
https://developer.apple.com/documentation/webkitjs
Otherwise it looks like it would be a case of finding your way through the confusing set of documents there in the Safari Developer Library:
http://developer.apple.com/library/safari/navigation/
I use quirksmode.org for all my JavaScript needs. MDC is my resource for references and basic how-tos and quirksmode to show me that I, in fact, cannot even use it in IE. WebKit and Gecko seem to behave similarly enough when it comes to JavaScript anyway.
But other than what you listed, I have never come across anything specific to WebKit.
I am not aware of a WebKit JavaScript reference like MDN or MSDN. When I need to look something up, I use the Mozilla Developer Network, as Gecko and WebKit seem to be heading in roughly the same direction.
Steve

Categories