Blank page with Electron Application - angularjs

I have a big issues with electron.
It's seems to "Crash" when html animation's fired. So exactly electron show me a blank page (html, localstorage, scripts ecc were deleted), we have no logs in console and terminal.
Is there a way to debug verbose application?
Somebody can help me?
EDIT: i have test a lot and i found problem. I use angular-ui-router and when i use a tag <a> some links works, another crash app (blank screen)

Related

why does the html in my react app keep disappearing

I've recently updated my react app to the latest version 18, but since doing that the html in localhost disappears after a few seconds. When I go to dev tools and look at the in 'Elements', it's empty but all of the content is still on the page, I just can't interact with it (click links or buttons, etc.).
Does anyone know what is causing this as I need to know before I push my code to production, as I'm not sure if this is a development environment issue.
I'm more than happy to post screenshots of my code, but I don't even know which screenshots would be helpful/relevant. Let me know if you need any. Thanks

ReactJS App not opening on Instagram webview

I have a ReactJS App which I am able to open on browsers such as Chrome, Edge etc. However, when I try to open it in Instagram App's webview. it tries to load and fails probably as nothing shows up but I can see the Website Header meta defined in index.html file.
Can someone please help me debug Instagram app's webviews?
I have been trying several things and failing to resolve this for days now.
Any help will be much appreciated.

debug react native app from chrome on windows machine

I started exploring react-native. One thing which I want is should able to debug my app from chrome. I am having prior experience to cordova. Cordova renders app in chrome web view. I understand that with react-native it is not possible because react-native doesn't render app on web view.
There is an option react-native "debug in chrome". When I click this option, attached screenshot is getting opened. I enabled "pause on exception."
But nothing is happening. I am unable to see my app code at all.
I like to do step by step debugging. Is it possible? If so can some one tell how to do this?
You can definitely examine the source code, set breakpoints, etc in Chrome.
In the Sources menu, select debuggerWorker.js and then you should be able to see your project tree.
Any console.log in your code will print to the browser too. But I find the breakpoint inspection most helpful.
this is simple as you were doing in cordova.
try to put debugger; statement in your code while in debug mode.
It will set the breakpoint and you can then debug your application. No need to find out your files in debuggerWorker.js

screen (html page) juddering vigorously while scrolling up or down due to pull to refresh hook on phonegap (onsen ui)

I finally finished my phonegap app. I put the config.xml file and all my html, css and js files in a folder and uploaded it to phonegap build. I downloaded the ipa file to test it on my iphone.
The app has a page where articles are loaded from a json page that I am hosting on a server. The articles load properly. However when I hold the screen and scroll up or down, the screen starts shaking vigorously. I looked at other forums to see but all I found is DisallowOverscroll. But DisallowOverscroll set to true makes sure that the screen doesn't bounce if scrolled entirely to the bottom or to the top. But my problem is once I put my finger on the screen and scroll down, the page starts shaking up and down. I tried everything for the past two days but nothing worked. Any help is really appreciated.
I also made a video to make it easier. https://www.youtube.com/watch?v=O-Nd4ntZ46E
EDIT: I figured that the problem is arising from pull hook feature (pull to refresh. When I tested the page without the pull to refresh hook, it is working absolutely fine. But I am not sure how to use pull to refresh hook and not make the page judder at the same time.
Theres a mistake on your resolution for iPhone 6, it should be 750 x 1334, also check the image file is the correct size too.
You'll need to show code for the other problem.

Unable to preview Extjs app in browser by Sencha Architect?

I am developing a large scale extjs app in Sencha Architect. While working with it suddenly I was unable to get preview of the app in browser. It shows blank page. I have checked that framework & CSS have been loaded. But the app is shown. There is no error in Architect too.
I am unable to find the problem caused.
Help will be appreciated.
Thanks much!
Have you used Firebug (or other debug tools) in your browser? Its likely a minor code issue which is throwing out your page rendering, using a debug suite will help to quickly identify and resolve the issue.
Alternatively, it may be a result of your app not being instantiated correctly (if you aren't using a viewport, or haven't explicitly rendered the main view)

Resources