How to debug PS4 internet browser - debugging

We noticed our site is not rendered as expected on PS4 browser, is there a way to debug it or get a console?
I know that the PS4 browser is WebKit based so I wonder is there similar debug tools like chrome or safari have?

So, I suggest you use a remote console for debugging:
https://jsconsole.com/# - this is a solution for browsers that do not have a debug panel. It can display console.log() and JS errors.

Sounds tricky but how about using a PS4 UserAgent in Chrome/Firefox?

Have You tried Ripple Emulator ?
https://chrome.google.com/webstore/detail/ripple-emulator-beta/geelfhphabnejjhdalkjhgipohgpdnoc?hl=en
Ripple is a multi-platform mobile environment emulator that is custom-tailored to mobile HTML5 application development and testing.

Related

Debugger for Ionic Framework

Fellows I am having a huge trouble with an project in Ionic and I want to use a dedugger in order to solve more effficiently.
Do you know how to use a debuggger in order to achieve that;
If the answer is the firefox debugger how I will use it in order to debug my application?
For Mozilla Firefox, the following are different ways to set a breakpoint within the JavaScript code in the debugger.
For Google Chrome, since this is the JavaScript you can also use Debugging with breakpoints (Debugging JavaScript). This will help you a lot.
More about debugging: How to Properly Debug Your Ionic Application.

Debugging website on iOS chrome

Ive got a bug that only shows up in mobile chrome browser on my iphone - iOS8. Whats odd is that the same bug doesn't show up in iOS8 safari on the same phone.
I want to debug the issue in the chrome browser but can only find info on debugging safari, is there a way to debug ios Chrome ?
To debug Chrome on iOS I use weinre and ngrok
Weinre will give you a local debugger on a local port
https://people.apache.org/~pmuellr/weinre/docs/latest/
ngrok creates a proxy to a port on you comp (point to weinre)
https://ngrok.com/
then change the weinre tag to the ngrok generated one and you will get logs and the DOM while debugging remotely
You could try to install 'Responsive Web Design Tester' extension in a Chrome browser in PC and test with the same iPhone model you have.
https://chrome.google.com/webstore/detail/responsive-web-design-tes/objclahbaimlfnbjdeobicmmlnbhamkg?hl=en

Debugging tools/methods for phonegap blackberry app

Are there any tools/methods for debugging phonegap Blackberry(5,6,7) app . Presently am using Alert for debugging which is very tedious .
Since you are using PhoneGap, its always better to view/debug you app on a webkit browser like Chrome/Safari. Also try Ripple emulator from BlackBerry which is the best web emulator for mobile devices: https://chrome.google.com/webstore/detail/ripple-emulator-beta/geelfhphabnejjhdalkjhgipohgpdnoc?hl=en
Since you are developing a web app, and as far as I know there's no "official" IDE for BlackBerry Webworks, this question is not BB or Phonegap specific. You are just asking how to debug JavaScript. There are a lot of questions in SO about this, just run a search. I'll give you my two cents:
As the JavaScript code runs in a browser, you need to debug in the browser. Most browsers have built-in debugger or extensions. For Firefox I'd reccomend Firebug extension, in Chrome the built-in debugger is pretty good. I can't tell about IE but I think there's something similar.
If you need to debug on device, then use console instead of alert.
Finally, have a look at WebStorm. Probably the best IDE for JavaScript right now, but you need to purchase a license. It allows you to attach to the browser debugger and debug in the IDE.

Debugger for HTML/CSS/JS in Android/IOS device browser

I have developed Lots of websites, where i use Developer tools on IE / firebug on Firefox & Chrome is also having inspect element function for Editing & Debugging. But When i started developing for Android/IOS browser i am not getting how to edit & debug.
Is there any way to do this coz, its eating lots of my effort.
weinre is exactely what you are looking for!
import the library into your index.html and make it point to your local weinre server or here and you'll have your device console into chrome.
pretty straight forward
You probably should use a remote debugger such as Pony or using Firefox.
You can also do this with Safari on IOS.

Remote console.log() on iOS devices

I am developing a web app that involves touchEvent. It will be much more easier to debug those if I can view the console remotely on my Mac.
Can I make my Mobile Safari on the iOS device store the console log somewhere in the system. I have already jailbreak my iPad.
Thanks!
plug iphone into computer
settings > safari > advanced > web inspector (turn on)
open safari on your computer
run your web app on your iphone in the safari browser
on your computer in safari, go to Develop -> "name of your iphone" and then find the correct tab under "Safari" opens Web Inspector.
doing these steps enables the safari debug tools on your desktop to reflect and respond to the connected iphone.
hope that helps.
Just turn on the debugging console in Mobile Safari. This is enabled in Settings/Safari/Developer.
One File Remote Console.log for node.js
Solution: Server side console log.
In iOS6, you can now use the Remote Web Inspector on OSX to connector to the iPhone via USB. See the Apple documentation for more information.
You can use a remote javascript console. There a few available.
weinre
spotneedle
jsconsole
Not sure if I'm allowed to re-post my answer from another question, but at this link here I posted 3 options of JS console and logging tools that can assist with troubleshooting issues on iOS devices, with screenshots and sample code snippets. One of these is an open source tool I built myself, but the other two are probably even more advanced.
mobile-console-log is also a utility for debugging directly from your mobile into Chrome Devtools

Resources