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
I have a webpage which renders LaTeX formula using javascript. I wish to take a screenshot of it programmatically after running the scripts. Is this possible?
There is a cross platform, HTML5 solution, works with latest browsers only http://html2canvas.hertzen.com/
The script should work fine on the following browsers:
Firefox 3.5+
Google Chrome Newer versions of Opera
IE9 (Older versions compatible with the use of flashcanvas)
Demo: http://html2canvas.hertzen.com/screenshots.html
You can use webkit2png and apply the delay option to wait for JS to finish rendering the formulae before taking the screenshot.
You can use a headless browser like PhantomJS to render LaTeX / MathJax.
Related How can I force PhantomJS to wait until MathJax is finished?
Related
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
Is there a way in Angular 4 (typescript) that can help detect browser type?
I am using Angular 4 and would like to know how I can figure out the browser type when my application loads. I basically do not want my application to load when someone uses IE and alternatively show a message that they need to use chrome or firefox instead.
I have tried solving this issue by using the below libraries, but they have issues or are for older angular versions:
https://www.npmjs.com/package/ua-parser-js - This library is supported for angular 1.x, however, I am on Angular 4.
https://github.com/KoderLabs/ng2-device-detector - Has issues when launching in IE, so does not work as expected.
What are some alternative ways of detecting browser type, be that code or a suitable library, in Angular 4 or directly using typescript?
pls check https://www.npmjs.com/package/ng2-responsive
You can show/hide component based on browser type. I hope it helps.
#Component({
selector: 'my-component',
template: '
<p *isChrome>I'll show you if I'm a Chrome Browser.</p>
<p *isFirefox>I'll show you if I'm a Firefox Browser.</p>
<p *isSafari>I'll show you if I'm a Safari Browser.</p>
<p *isOpera>I'll show you if I'm a Opera Browser.</p>
<p *isIE>I'll show you if I'm a Internet Explorer Browser.</p>
'
})
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
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
Is there a way to access data of a website caniuse.com being offline? Or any other resources regarding browser compatibility. Something similar to devdocs.io or Zeal/Dash offline documentation browsers.
A. You can download caniuse.com database from GitHub, at https://github.com/Fyrd/caniuse
Digging in JSON files might not be the most efficient way, but having database, you can make your own app. If you do make one, don't forget to share it ;)
B. You can also visit http://caniuse.com/#tables and click "Show all" button on the bottom of the page, than Ctrl+S it.
C. Alternative: http://sheet.shiar.nl/browser. Just save as complete website, like with solution B.
Caniuse.com browser support tables is now available in devdocs.io webapp, which support offline access.
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".
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question does not appear to be about a specific programming problem, a software algorithm, or software tools primarily used by programmers. If you believe the question would be on-topic on another Stack Exchange site, you can leave a comment to explain where the question may be able to be answered.
Closed 8 years ago.
Improve this question
Every since chrome latest update (36.0.1985.143) on Mac,
a few seconds after the document is ready - Chrome selectively "ignores" the custom imported webfont on my website (Memofish.com) and restores is to default.
Needless to say, I did not make any changes on my website and this issue began after restarting my Mac, while Chrome updated to version 36.0.1985.143.
How can I report this issue?
Anyone else experienced this problem and know any workaround?
Thanks.
You can report the issue using this instructions:
https://support.google.com/chrome/answer/95315?hl=en
or here:
https://code.google.com/p/chromium/issues/list