Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
we have built mac and windows desktop version of our app using electron framework, but it hangs and become unresponsive really often. Using chrome natively it does not happen. Is there any flags that needs to be added/removed when using electron framework, and what could be the difference? The biggest problem that I don't have knowledge how to debug these kind of problems, because logs does not return anything before hanging, and profiling becomes unresponsive too. Any suggestions?
Thanks!
You can open the Chrome Developer Tools with
require('remote').getCurrentWindow().toggleDevTools()
From there you can profile it like a normal webapp, you can take a look there what takes much time. There are many good tutorials how to use these tools.
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
I built a Hbbtv Application.
I want to analyze the performance of the app when running on TV.
Since there is no developer tools usage on tv, how do I get the rendering, page loading, blank rate time?
Is it possible to display these using javascript?
You might add google analytics to your site. Implement device detecting and then if it is TV send performance analysis results (previously implemented performance functions). Functions something like these examples: http://qnimate.com/measuring-web-page-performance-using-modern-javascript-apis/ http://blog.trasatti.it/2012/12/measuring-the-speed-of-resource-loading-with-javascript-and-html5.html , https://trackjs.com/blog/monitoring-javascript-memory/ , https://medium.com/#felipedutratine/frontend-performance-monitoring-in-js-29832051d2ec
You should detect TV user agent and then simulate it in Google Chrome Dev Tools (w3c validator also allow do that) and then perform audit test in Google Chrome Dev Tools "Audit" tab.
Check https://developers.whatismybrowser.com/useragents/explore/operating_platform/smart-tv/
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
I've inherited a c# .net 3.5 project which I am task with converting to .net core. This is pretty much done.
However, in this project there are A LOT!!! of third party javascript libraries and I am certain there are many of them that are not being used or not needed.
Is there a way to scan the whole project to see if any of the libraries are not used?
I know this is unlikely but thought I'd ask.
Thank you
Using Chrome (but still valid with other browsers with little changes)
press F12 and click on "sources tab"
Then you can display all Resources used from your web page, images, css, scripts...
Or you can use a third party tool like this
https://marketplace.visualstudio.com/items?itemName=RobertHoffmann.FindUnusedFiles
but personally i prefrerr to do it manually not using an automatic tool.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 6 years ago.
Improve this question
I was wondering if anyone has a preferred set of plugins that they use on web browser which ease web development. Specifically for Javascript Debugging and on spot changing tag and applying CSS (Like no stuck up in changes and need refreshing page again)
I am just getting started with new web app with clean systen. I have installed Chrome, Firefox and have default plugin plugins in chrome but i do not find it easy to use and edit. If anyone could suggest the same?
Dev tools shipped with browsers are very useful in most case, especially for CSS. The latest Chrome 54 (Canary) started to support JS editting too.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I wanted to create a program coded in HTML/CSS/JS, I already looked at cordova and phonegap, the only problem here is that I don't want to create an iOS or Android app, I want to create a Mac/Windows App. As far as I know there isn't the possibility in cordova or phonegap to create a Mac/Windows App (even though I believe I saw something similar to this in an old version of phonegap). So, do anyone of you have any idea how to make this possible?
Greetz,
Zocker3333.
Try looking at nodewebkit. This can build HTML/JS based applications for Windows, Mac and Linux and is based around Node.JS
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
I created a javascript code that rotate the canvas. The script is working fine on my Firefox browser. But when I open it in chrome, it looks too bad to see on it. What should I do to write the browser compatible javascript? My code is about 1000+ lines So How could I Find the functions which not support the browser rendering?
Please If anyone have other suggestion also then please post it.
You can use BrowserSwarm which is a project started by Microsoft aims to test JavaScript project compatiability for major browsers. It's easy to use and one-way to connect GitHub.
But for small project or specific problem, open console and start debugging is prime choice.