How to debug a webview in react native - react-native-ios

We are using a react native webview. when we run the app in ios, app is running and webview is also loading the given URL. There is some issue in the html and i want to debug it. I'm not able to to debug it. Any idea/reference regarding the same would be helpful.

Enable "Web Inspector" from the iOS simulator. In iOS 11, that's:
Settings -> Safari -> Advanced -> Web Inspector
Open Safari on your computer, and enable Developer options:
Safari -> Preferences -> Advanced -> Show develop menu in menu bar
Open your app in the iOS simulator, and navigate to whichever view contains a WebView.
Open the HTML page:
If you don't see your simulator in the develop menu, try restarting the simulator (Hardware -> Restart).

Related

Setting up DevTools failed (Flutter Inspector)

I could not find solution to this either on google or here on StackOverflow. There is only and only 1 question answered related to this issue [https://stackoverflow.com/questions/64655867/about-android-studio-and-flutter-inspector], however for a beginner like me, its not clear about what exactly to do.
Additional information:
OS: Windows
Android studio version 4.1.1
App is running in avd when I opened flutter inspector panel.
Stopped and run the app again.
Previously, somewhere I read that if inspector is not showing anything, click on any widget pressing ctrl key. That worked previously, but not working now. Sure, that was different error and different situation.
flutter doctor screenshot also attached
flutter inspector screenshot
flutter doctor screenshot
This answer from related question helped.
...
And the third one (the one that worked for me): go to File >
Settings > Languages & Frameworks > Flutter > Experiments … and there
you should uncheck “Enable embedding DevTools in the Flutter Inspector
tool window”. That should allow you to use devtools locally instead of
the embedded ones.
picture for reference
Source: https://stackoverflow.com/a/65542661/17789382
Launch Flutter DevTools from terminal using command dart devtools which opens DevTools in the browser. Connect to the address in which debug/run service listening on. Address can be found in the console when the app starts running. Ex: ws://127.0.0.1:54851/JF3H6rhQnN0=/ws.
The following steps helped me to get Flutter Inspector Widget Tree back, hopefully, it will help you as well:
File -> Settings -> Languages & Frameworks -> Flutter:
Enable (Check) "Open Flutter Inspector view on app launch"
Stop and start the app again.
Note: In order for something to show up in the Flutter Inspector, your app has to be running on a Device or on a Simulator or Emulator.

How to change app icons & UI in flutter using flutter Inspector?

I brought an app source code from (CodeCanyon) and i want to change the side navigation drawer icon from the given one to the default hamburger icon or something.
They have given me the docs of Flutter page to change it using Flutter Inspector but i don't know how to do it.
Here is the link they send me...
https://flutter.dev/docs/development/tools/devtools/inspector
Help me out...
From Android Studio, run the application in an Emulator or real device.
In the debug tab of Android Studio the 'Open DevTools' button (its icon is the Dart logo) next to the Hot Reload and Hot Restart buttons. This will launch a Dart DevTools tab.
After the new browser tab opens, click the "Try DevTools beta" button in the top right of the screen. This will take you to a new beta version of DevTools.
From there you will see what the linked page is talking about, but you must be on the latest version of Flutter.
On 25th june flutter has declared the stable dev tool, in that if you want to change in ui then,you just have to open dev tool with your connected device and in Flutter inspector enable the select widget mode. and in layout explorer you can changes the ui design properties. But remember one thing you can only changes in the row, column and container properties.

Is there a way to set NetBeans to run Chrome Incognito as default browser?

I am trying to set Chrome Incognito as default Browser, but I dont know how to do this.
I'm running NetBeans 8.0.2.
Any idea?
Open options from top menu (Tools -> Options) then click on Edit button to the right of Web Browser selector and configure as in the screenshot.

How to initialize a custom chromecast app from android chrome

I'm trying to develop a custom chromecast app for my web application,
I've registered the app and my chromecast device and it works fine with my desktop chrome (cast extension installed).
But it doesn't start the chromecast app from my android chrome (40.0.2215.109).
I've looked at google's developer guide for chromecast, but I can't find how to implement the initialization process for mobile chrome.
Where might I find the documentation for that?
Currently, Cast SDK is not supported on mobile chrome.

iOS7 Testing Background fetch in Simulator?

I know there are ways to do it with XCode 5 but is it possible with my infrastructure?
I'm using Visual Studio 2012 and MonoTouch.
In XCode I can go under Debug > "Simulate Background Fetch" or there is also a second way: XCode Menu, "Product" => "Scheme" => "Edit Scheme" enable the option "Background Fetch".
Unfortunately this is currently not possible in Xamarin Studio/Visual Studio.
But we're working on it, and it will be included in a future release.
I noticed the new update of Xamarin Studio 5.0 included Background Fetch support. (http://docs.xamarin.com/releases/studio/xamarin.studio_5.0/xamarin.studio_5.0/)
When debugging using the simulator, go to Run->Simulate IOS Background Fetch
This can now be done in Xamarin Studio only and only using the iOS Simulators. Make sure your iOS project already has the Background Fetch permission selected (in your iOS project properties or manually in your info.plist). Then, in Xamarin Studio, you choose Run -> Run With -> Custom Configuration -> Select Background Fetch -> Run
That will launch your app in the background and will force a background fetch to happen.
Once you do that, you should not have a separate option listed under your configuration dropdown for iOS. There should not be a .iOS and an ProjectName.iOS - Background Fetch option in the dropdown. The nice thing about this is that, after selecting ProjectName.iOS - Background Fetch and running the app, while the app is still running, you can go to Run -> Simulate iOS Background Fetch to run the fetch multiple times. This option is always greyed out for me if I run my app using the Custom Configuration window though.

Resources