Chrome Developer Tools: Missing "Resources" Tab - google-chrome

I am running Chrome Version 52.0.2743.116 (64-bit) on OS X 10.11.3 and upon trying to debug a website realized that the Resources tab in my Developer Tools is just completely gone. What gives / has anyone else noticed this?

"The Resources panel has been renamed to the Application panel. All of the features from the Resources panel are still available in the Application panel."
from https://developers.google.com/web/tools/chrome-devtools/iterate/manage-data/?hl=en

Related

Issue of loading PDF hosted on IIS 8.5

I host a static folder containing some large PDFs (~7000 kb) on IIS 8.5 on Windows Server 2012 R2. When I open the PDF in Chrome, the following message always shows first. I have to reload the page many times to display the PDF correctly.
Then I checked the network log using Chrome developer tool and found out the failed requests have Status Code "206 Partial Content". See the following screenshot:
Does anyone have similar issue as me? Any help is really appreciated!
To solve this issue:
1. Use the latest version of Chrome
2. In google chrome, you can change the default chrome pdf viewer to Adobe pdf viewer plugin.
Here I find the option my Google Chrome Version 70.0.3538.77 (Official Build) (64-bit)
Please recheck ... PDF switch setting is available on Latest version of Google Chrome.

Chrome developer tools "search all sources" stuck

Chrome developer tools search all sources is not working when a js execution is paused at a breakpoint. It is really annoying that I cannot search for some function across all sources when we are debugging.
How do I resolve this? I am on chrome version 52.0.2743.116 m (64-bit)

Chrome Inspect Element crashing with Ripple Emulator

I'm building a mobile application with Visual Studio 2013, using Ripple Emulator and Cordova.
Every time that I try to inspect an element (hitting Ctrl + Shift + I, F12 or right clicking the page and selecting Inspect element) the Google Chrome closes and Visual Studio stops running the application.
Has anyone know why I'm unable to inspect elements inside the browser using Ripple Emulator?
Ps: Visual Studio 2013 has his own DOM Explorer but the experience is not the same as the Chrome Developer Tools.
A simple workaround is to start your project without debugging (Ctrl+F5) from Visual Studio. This will allow you to use the Chrome dev tools (F12 and so on) without killing the VS debugger process and therefore stopping your Ripple session.
I've been having the same issue since upgrading to cordova tools update 3 with visual studio 2015 community edition - it was working fine before "upgrading"
I haven't found a reason why, but there is a workaround which is to start your debugging session (F5.. or whatever) then hop back to visual studio, then select "Detach All" from the debug menu. This, or use a different browser (Edge works fine in Windows 10, but I'm not used to it's interface).
Hope that helps.
There was a change in the chrome debugging API that prevents VS from inspecting the elements and changing the style. Chrome version 43 will work. You have to take some steps to keep it from auto updating. The installer for chrome 43 is here:
https://dl.google.com/chrome/win/4ED6DD719811795B/43.0.2357.134_chrome_installer.exe
You will need to uninstall chrome, update the registry, then install chrome 43. When you go to the about screen it should say updates have been disabled by the administrator.
Here are the registry changes:
Windows Registry Editor Version 5.00
[HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Google\Update]
"Update{8A69D345-D564-463C-AFF1-A69D9E530F96}"=dword:00000000
[HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Policies\Google\Update]
"Update{8A69D345-D564-463C-AFF1-A69D9E530F96}"=dword:00000000
This thread has more information on the changes needed to the registry to prevent the auto update:
cannot stop Chrome from updating from 43 to 44
NOTE: this means you are not getting security updates on that install, only use this until the issue has been resolved in an upcoming patch.

Tizen doesn't recognize Google Chrome

I just bought a Samsung gear 2 neo and wanted to create my own watch. So this means I am new to Tizen development.
I installed the Tizen IDE and the SDK but for some reason after following -a part- this tutorial (http://www.slideshare.net/badaindonesia/professional-tizen-application-development) Tizen won't run my projects because it can't find Google Chrome on the specified location. This problem occures when I try to run a Tizen web application as a Tizen web simulator app. When i try to launch it as a Tizen web app it says Could not find emulator or device but that isn't my current target.
The specific message is Google Chrome could not be found (C:\Program Files(x86)\Google\Chrome\Application\Chrome.exe). Please install Google Chrome and specify the Google Chrome program location in Window->Preferences under "Tizen SDK/Web/Simulator".
I have tried changing the location to C:\Program Files(x86)\Google\Chrome\Application\ But this wouldn't help either. Yes, i have entered the correct location since i have manually located the chrome.exe to.
The only thing which might be wrong is that I am using the Windows 7 64 bit installer while I am on a Windows 8 64 bit desktop pc.
I have experienced a similar bug. Maybe this will help you/future developers:
My problem was that the Chrome app wouldn't open while pressing debug. I subsequently tried it with the Visual Studio Tizen extension: same problem.
The fix: I dove into the extension code and found that changing the chrome path via the option "Change Chrome path" doesn't actually change your chrome path.
What does? Going into "C:\Users\[USERNAME]\.vscode\extensions\tizenweb.wappl-1.1.2\lib\constants.js" and changing Constants.CHROME_PATH to your chrome path (for the operating system you are using).
I have not found a solution for the Tizen app, though I would recommend using the VScode extension anyway.
I had the same problem. Though not exactly a solution, I found a workaround.
Start the Web Simulator from Start Menu
Enter the location of your index.html file in the address field and press Enter
Don't forget to add file:/// in the front.
There you go!!

Multi Device Hybrid Apps - Unable to launch Ripple - Chrome not found

After installing the Multi-Device Hybrid Apps (Preview) for Visual Studio CTP2 Extension in Visual Studio 2013 on Windows 7 x64, I am unable to launch a new Multi-Device Hybrid App in Ripple.
Details:
When Installing the Extension I chose not to install Chrome as it was already installed
Opening the solution displays an error message We've detected issues with your system's environment configuration along with Google Chrome - The software is missing from your system. You may have to configure it after installation. A link to the instructions is provided.
On the instruction page the link for chrome is simply to the chrome install page
Chrome is already installed in C:\Users\username\AppData\Local\Google\Chrome\Application\chrome.exe
Attempting to launch the application with the Ripple - Nexus (Galaxy) setting causes the error Chrome must be installed in order to launch the app in Ripple
I am able to launch the app on both the Android emulator and an Android device
What changes do I need to make to my configuration for the project to launch Chrome?
You are seeing this issue because it is currently hard-coded to look for Chrome in
%PROGRAMFILES%\Google\Chrome\Application\chrome.exe
but you have it installed in your Users folder.
To workaround this, please re-install Chrome to your %Program Files% folder.