Issue 655808 link

Starred by 1 user

Issue metadata

Status:	Archived
Owner:	█ eostroukhov@chromium.org Last visit > 30 days ago
Closed:	Dec 2017
Cc:	dgozman@chromium.org jmukthavaram@chromium.org
Components:	Platform>DevTools Platform>DevTools>Authoring
EstimatedDays:	----
NextAction:	----
OS:	Windows
Pri:	2
Type:	Bug
Hotlist-Polish Via-Wizard

indexeddb -> "right click" refresh (not working)

Reported by bog...@sbcglobal.net, Oct 13 2016

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 Safari/537.36

Steps to reproduce the problem:
has an example ->
http://stackoverflow.com/questions/27754720/indexeddb-how-to-get-updated-data-without-reloading-the-page

direct link to example ->
http://jsfiddle.net/kzwtyn2c/

What is the expected behavior?
if i just did a objectstore.add, .delete, put, i should be able to open up "developer tools" -> click up on "application" tab, "right click" on "indexeddb" and get an updated objectstores. 

What went wrong?
but i am forced to reload page. and then go back into developer tools -> application -> indexeddb to see any updates / changes.

on initial going to developer tools -> application -> indexeddb i might see changes just done with javascript. but is a one shot deal. before i am forced to manual refresh the page and go back in.

Did this work before? N/A 

Chrome version: 53.0.2785.143  Channel: stable
OS Version: 10.0
Flash Version: Shockwave Flash 23.0 r0

additional link detailing same issue 

https://github.com/nwjs/nw.js/issues/2143

if websql was not going to be faded out awesome, but with websql fading out. indexeddb is needed/wanted. and developer tools that re-act dynamically as things happen.

Comment 1 by jmukthavaram@chromium.org, Oct 14 2016

Cc: jmukthavaram@chromium.org
Labels: Needs-Feedback

Unable to reproduce the issue on Windows 7,Mac 10.11.4,Linux Ubuntu 14.04 with Chrome version-53.0.2785.143 and latest canary-56.0.2889.0 with the below steps:

1.Open Chrome
2.http://jsfiddle.net/kzwtyn2c/
3.Navigate to 'Developer tolls'
4.Clicked on 'Applications' tab
5.Right click on "indexeddb"
6.Clicked on 'Refresh Indexed DB'
7.Page refreshed

Not seen any objectstores in case of 6 & 7 steps.

Please find the attached screencast for reference & could you please provide the expected screencast to address this issue further if i miss any steps to reproduce the issue.

Thanks.

	655808-Win.mp4 2.0 MB View Download

Comment 2 by bog...@sbcglobal.net, Oct 14 2016

1.Open Chrome
2.http://jsfiddle.net/kzwtyn2c/
3.Navigate to 'Developer tolls'
4.Clicked on 'Applications' tab
5. expand "indexeddb"
6. expand "myApp" database
7. click on "keyvaluepair" objectstore
8. verify what is currently in "keyvaluepair" objectstore.

9. type something into the "hello <input text>"
10. click save

this should add a new record to "keyvaluepair" objectstore. and it does in javascript code! BUT....
11. #7 of above. click on "keyvaluepair" objectstore. it does not show changes.

12. right click on "indexeddb" click refresh
13. #7 of above. click on "keyvaluepair" objectstore. changes still not show changes.

14. right click on "myApp" database click refresh
15. #7 of above. click on "keyvaluepair" objectstore. changes still not showing up

16. right click on "indexeddb" click refresh, 
17. right click on "myApp" database click refresh.
18. #7 of above. click on "keyvaluepair" objectstore. changes still not show changes.

19. click on "refresh" button of the browser to refresh page.
((did not close out of developer tools when clicking refresh does not matter either way though, closing and opening developers tools))
20. expand "indexeddb"
21. expand "myApp" database
22. click on "keyvaluepair" objectstore
23. you can now see what was previously doing in steps #9 and #10


===============

using .get, .getall, cursors, and other javascript are all fine within javascript code itself. it is just the developer tools -> application -> indexeddb portion that is not updating with values. with out a page refresh.

this is happening with jsfiddle example. but also other websites, installed chrome extensions, including developer-mode local loaded chrome extensions. in how the developer tools -> application -> indexeddb -> database -> all objectstores are behaving and needing a refresh of page to show changes.

================
assumptions only in next 3 sentences. 

if right click -> refresh on "indexeddb" is suppose to refresh databases created/delete within it. (the listings only of databases)

and right click -> refresh on "databases" is only meant refresh objectstores created / deleted within it. (the listings only of objectstores)

would it be possible to get a right click -> refresh on each "objectstores". to refresh key/values within them?

=====================
will need to find a screen capture program.

Comment 3 by bog...@sbcglobal.net, Oct 14 2016

screen capture of above.

including "right click" -> inspect, to open up developer tools and going to application tab -> indexedddb -> myApp "database" -> keyvalue "objectstore"

regardless of "right click" -> "refresh" on indexeddb or a database. the key value pairs do not refresh. or less....

refresh the page via browser refresh button. or exit out of developer tools and re-open developer tools.