Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
I'm working on a template that has various javascript files and plugins.
I want to know in witch javascript file the element get styles and in which line it has been declared
Assuming that the Javascript gets rendered: open your page in Chrome. Press F12 to open the development tools.
Click the 'search' icon at the left side of the bar, and hover your element. The "Styles" bar at the right side shows which CSS file is used to render the element.
open your template in browser.
Right click on your desired element.
Choose inspect element.
There you can find the file name in which element in written, style sheet file name and line number if it has.
Use developer console in chrome or firefox to debug and look over the javascript files and use breakpoints for checking the javascript files.
press F12 in chrome to get to developer tools and select Sources, navigate to javascript file which you need to debug.
Related
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 2 years ago.
Improve this question
When I go to others' page, I want to see the Javascript code how others write.
Can I view the js code by right click and inspect (chrome) , I know html and css can be seen, but how about js code?
Open up your browser developer tools and go to the Network tab, then load a page. Select the "Type" column, and then you can examine those with a Type of script. For example, on Stack Overflow, you'll see something like:
As you can see, Stack Exchange loads jQuery, a script named stub.en.js, a script named clc.min.js, and a few more. To see what those scripts contain, either click on them in the Network tab, or right-click and select "Open in new tab" to view it as a standalone tab.
But professional sites often minify their Javascript, and complicated minified Javascript is very difficult to read. Better to read source code whenever possible, not distribution code, to save yourself a headache.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 3 years ago.
Improve this question
Visual Studio Code must have had an update. I wasn't able to find anything on their website but I wasn't seeing my alert I created like it used to appear on the browser page and then I noticed that the alert is at the bottom right hand of the screen outside of the browser page but inside the Visual Studio Code. Is there any way to make this show up in the browser preview using extension for Live Server?See attached screen shot - scroll to the bottom right to see the alert.
This looks like a VSCode runtime and VSCode alerts look just like that. If you run it in an actual browser it will give you a browser alert as you are used to.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I'm trying to do a home project that consists in a desktop application with some info and stats from a website.
This is the link of the information: http://www.fpb.pt/fpb2014/!site.go?s=1&show=jui&id=5144
I want to have the first table content (ÚLTIMOS JOGOS REALIZADOS) in my application, my problem is getting the content that only appears when you press the next arrow.
My ideia was to find the ajax url to get the next content, but I dont manage to find how its done... The only ajax url that I found was this:
http://www.fpb.pt/fpb2014/do?com=DS;1;317.101000;++ID(5144)+BL(ULTIMOS_JOGOS);+MYBASEDIV(dJuiz_Ficha_Home_Jogos);+RCNT(2444445)+RINI(44443)&
But it only gets me the initial table content, can anyone tell me how I get the next table content?
http://www.fpb.pt/fpb2014/do?com=DS;1;317.101010;++CO(JOGOS_REALIZADOS)+BL(JOGOS)+K_ID_JUIZ(5144)+MYBASEDIV(JuizJogos_JOGOS_REALIZADOS);+RCNT(10)+RINI(11)&
http://www.fpb.pt/fpb2014/do?com=DS;1;317.101010;++CO(JOGOS_REALIZADOS)+BL(JOGOS)+K_ID_JUIZ(5144)+MYBASEDIV(JuizJogos_JOGOS_REALIZADOS);+RCNT(10)+RINI(21)&
+RINI(XY) is the part that varies, where X is the page number
Update (How to do it for yourself)
Open chrome dev tools (F12)
Click on the network tab
Click on the link you're interested in
Look at the requests in the network tab.
Compare then in Notepad or what ever editor you want
Link here
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
Hi I have been building my website of a template site I got and have been adding some code to it, that all works fine although one piece, of the html code is failing me which is a text pop-out / rollover effect, It displays fine when I open the index.html file on my browser
see the YouTube circle although when I upload it to my web server (I did clear my cache) I get this and then other funky stuff i.e. the text goes very tiny
I have tried everything I can think of such as re-uploading everything to my server, just the html files and I have even checked my code it is all the same yet it makes things go strange.
Any help is much thanked for,
~Dave~
Have you tried Ctrl+F5 to remove the navigator cache?
It shows properly on my navigator.
Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 9 years ago.
Improve this question
I know how to use JavaScript on Google Chrome's console.
But is it possible to edit JavaScript files from within Google Chrome's developer tools and see the changes immediately? If so, how?
I have tried changing the code, but it has no effect on the page.
You can edit javascript of the page. You had to make a double click in the old version of chrome or in the recent version you need to make a single click in js file. After that you need to press Ctrl+S or Cmd+S on Mac.
Then DevTools will send the changed code to V8.
If you are in a debug session and stay on a pause in a function you can edit it and after Ctrl+S v8 will move the execution point out from the edited function so you will be able to pass it again.
You could redefine a global function or change the value of a variable in scope, but I'm not aware of any way in the Chrome Dev Tools to edit your code while live. I edit, then hit refresh.
You can live edit CSS in the Sources tab.