web-inspector

Why Safari shows “No Inspectable Applications” during remote debugging with iOS 6 device?

由 百般思念 提交于 2019-11-27 07:56:29
When I connect my iOS 6 device for remote debugging for testing my mobile web application, The safari develop menu with my device name shows "No Inspectable Applications". I have enabled web inspector ON in my device safari device settings. Why this is happening? Steve Seeger An update for iOS 9 (using OSX El Capitan): On your mobile device under Settings -> Safari -> Fraudulent Website Warning = OFF [default = ON] I also needed to re-connect the iPhone after changing this setting This solved it for me. I recently had problems debugging a UIWebView in desktop Safari – and it turns out the

Chrome Developer Tools: What is Snippets Support?

由 旧巷老猫 提交于 2019-11-27 04:59:09
问题 As of version 19, Chrome's Web Inspector has an experimental feature called "snippets support". Here is how to activate it: Open chrome:flags, enable "Developer Tools experiments", restart. Open Web Inspector (Developer Tools), hit the settings gear icon in the lower right corner, enable "Snippets support", restart. Open the Scripts panel, click the "navigator tree" icon on the left, and find an empty Snippets tab. My question is: What can I use this for? How can I populate this with snippets

Command for loading jQuery on Google Chrome inspector?

由 谁说胖子不能爱 提交于 2019-11-26 23:48:01
问题 I remember seeing that there was a specific command you could put on Google Chrome's inspector console for it to load jQuery and allow you to execute jQuery commands. However, I cannot remember which command it was, and searching online only brings me unrelated results. Anyone knows which is that command? Thanks! EDIT: Years later I had realized that I was asking for the $$ function in the console. However, this is not jQuery but provides a similar selector option, most likely a shorthand for

Chrome Dev Tools - “Size” vs “Content”

由 蹲街弑〆低调 提交于 2019-11-26 23:29:14
When viewing information about stylesheets in the Network tab of Chrome's dev tools, one column specifies both "size" and "content": Can anybody shed light on the difference between these two numbers? On some pages the numbers are close and others they are different by a considerable amount. Mark Brackett "Size" is the number of bytes on the wire, and "content" is the actual size of the resource. A number of things can make them different, including: Being served from cache (small or 0 "size") Response headers, including cookies (larger "size" than "content") Redirects or authentication

Suggestions for debugging print stylesheets?

由 谁说胖子不能爱 提交于 2019-11-26 23:23:19
I've recently been working on a print stylesheet for a website, and I realized that I was at a loss for effective ways to tweak it. It's one thing to have a reload cycle for working on the on-screen layout: change code command-tab reload but that whole process gets much more arduous when you're trying to print: change code command-tab reload print squint at print-preview image open PDF in Preview for further inspection Are there tools I'm missing out on here? Does WebKit's inspector have a "pretend this is paged media" checkbox? Is there some magic that Firebug ( shudder ) can do? Rafael

how to enable WebKit's remote debugging/inspector of Android app using WebView?

由 一世执手 提交于 2019-11-26 21:14:39
问题 I need to inspect javascript execution (webview widget) in an android application, while debugging; through SDK & usb cable and/or http/websockets; from destop computer (e.g. chrome running on desktop). Webkit's sources includes DebuggerServer implementation ( platform_external_webkit\Source\WebKit\android\wds\DebugServer.cpp ) accessible at cpp level, and bound if flag WDS is enabled (at build time?) Source\WebKit\android\jni\WebCoreFrameBridge.cpp:#if ENABLE(WDS) Source\WebKit\android\jni

Accessing iOS Safari Web Inspector from Windows Machine

由 落爺英雄遲暮 提交于 2019-11-26 19:30:37
问题 New iOS 6 Safari comes with Web Inspector feature which allows to connect to it from your desktop Safari via USB cable. It then allows you to debug pages opened in iOS Safari from your desktop. But as far as I seen, this feature curently supported only on Mac Safari, not on Windows? Am I right, or Windows Safari also has the possibility? Or it will become available later maybe? 回答1: It appears to require Safari 6, which has not been released for Windows. Regarding the unavailability of Safari

How to debug web sites on mobile devices?

由 試著忘記壹切 提交于 2019-11-26 18:30:58
How do people debug websites on mobile devices? I'd like to be able to manipulate the HTML and CSS similar to using the Inspector in a desktop browser, and debug JavaScript. Meekohi This is the correct answer, not sure why Blaine only left it as a comment! As of iOS 6 Remote Debugging is available: https://stackoverflow.com/a/12762449/72428 On OS X you can use the Safari web inspector on the iOS Simulator AND iOS 6 devices. First enable the Developer menu in Safari on your Desktop. Next, enable remote debugging on your iOS device (or simulator). Settings > Safari > Advanced > Web Inspector (ON

Why Safari shows “No Inspectable Applications” during remote debugging with iOS 6 device?

由 怎甘沉沦 提交于 2019-11-26 13:55:01
问题 When I connect my iOS 6 device for remote debugging for testing my mobile web application, The safari develop menu with my device name shows "No Inspectable Applications". I have enabled web inspector ON in my device safari device settings. Why this is happening? 回答1: An update for iOS 9 (using OSX El Capitan): On your mobile device under Settings -> Safari -> Fraudulent Website Warning = OFF [default = ON] I also needed to re-connect the iPhone after changing this setting This solved it for

Chrome Dev Tools - “Size” vs “Content”

由 血红的双手。 提交于 2019-11-26 08:46:07
问题 When viewing information about stylesheets in the Network tab of Chrome\'s dev tools, one column specifies both \"size\" and \"content\": Can anybody shed light on the difference between these two numbers? On some pages the numbers are close and others they are different by a considerable amount. 回答1: "Size" is the number of bytes on the wire, and "content" is the actual size of the resource. A number of things can make them different, including: Being served from cache (small or 0 "size")
订阅 web-inspector