In IE7 how can we Inspect Element and change the css properties - html

Roughly I have spent 2 hours and concert many question answers regarding IE7 debugging tools as well as methods, I have installed 'firebug lite', 'debuggarBar' and used also Developer Tools
But my problem is that I have ajax call and load data into popup box that is not shown in view sourse and as well as in any debugger!
Please would you refer me any method or tool from where I can change the ajax called data ?
Thanks.

I think you may like to check out this thread here
Debugging Ajax code with Firebug. And also this video
www.youtube.com/watch?v=W4jXAaEMp2M.
There is also a clear description here on this article
http://www.dev4press.com/2010/tutorials/wordpress/various/use-firebug-to-track-ajax-requests-and-responses/

Related

When safari or Chrome loads localhost, it shows a small load time indicator

I noticed recently that when using Chrome or Safari for developing, I see this little indicator in the upper-left of the screen that shows me the load time of the page. If I click on it will change positions I think, and disclose a larger panel showing more info about the page load.
I feel a little silly but I don't know what this is -- it isn't an extension AFAIK (I disabled all extension), it happens in BOTH Safari and Chrome, and it only happens when developing on 127.0.0.1 or localhost
SO.. my question is, can I 1) disable it, or 2) move it to another corner on the window?
It's a patently straightforward usecase: All I want to do is take a screenshot of the "Hello World" that is below the indicator, but it is covered up.
I don't remember seeing this until recently I am assuming it is something I just never noticed or something new in Webkit
UPDATE 2021-03-13
Does it let you inspect it in developer tools, perhaps by using mouseover selection? Its attributes and CSS classes might give you something specific to search for.
Yes I can inspect it. it seems to be on my page. I wonder is this from Ruby on Rails? huh?
it looks like so:
Does it happen in Firefox? If so, it's probably not a browser thing, but a server thing.
Yes! Another good call my friend. So, not webkit or browser you're right.
What http server are you using? Could it be adding the thing automatically?
It must be something new in Ruby on Rails that I never noticed before. I will confirm and post here again.
What you're looking at is called https://github.com/MiniProfiler/rack-mini-profiler and can be enabled and disabled at will using Alt+P.
You can verify this by clicking an entry and clicking more. At least on the version I am using, it will report that you are looking at rack-mini-profiler, like so:

How to manipulate HTML in a Facebook post

Is there anyway that I can manipulate HTML in a Facebook post? Is it possible to edit the code in anyway without having to install a third-party app?
Sure, depending on which browser you are using, there are different ways. Just search for dev tools [your browser] and you will find a way. Guess it's mostly F12.
Of course that's just locally, you won't be able to change the data on the server, if you're not allowed to.
Right Click > Investigate or F12 on the Element you want to edit and on your right there should open the code you can freely edit it to your liking
Also when posting on SO please provide more than just saying i want to do that.. How to do it? Tell us what you have tried or where you have researched before asking the Question

Css not added to content loaded dynamic in IE

I have ben looking everywhere but I cant seem to find any good answer to this question.
I am loading a few items, first when page loads and then if the user wants to change language for example the divs are loaded dynamically again. In all browsers except IE this works fine. In IE the content is loaded BUT its css is completely lost. WHY? No clue? I have ben trying to load the css with the file I am loading without any result so now I am hoping for you guys!!
Please help
Like the above comments said, we'd need to see the code to get a better perspective of what's happening.
Just a thought. Have you gone through the debugging process with Console, this giving more information you could relay? Does the CSS work before the user changes? Is the CSS loaded in the header? And/or for debugging purposes have you seen if inline CSS works? (this would be better as a comment but I don't have that privilege yet). Good luck, and let us know.

Page title replaced in IE if fragment identifier set

In IE, with Flex application embedded, changing page location with JS like that:
document.location.href = "#someFragmentIdentifier";
causes change of page title to "#someFragmentIdentifier". I've read that the cause of that was supposed to be integration of Flex application with browser navigation, so I disabled it at the Flex compiler properties screen, however it didn't fix anything. Could anybody help me by pointing some working solution to this unwanted behavior.
Thanks.
PS: You can easily reproduce that by starting your Flex application and changing current URL by hand so it contains fragment identifier and then refreshing the page.
We've run into this using various ajax toolkits, including MS's.
It is not limited to Flex, flash, or any Adobe tech. It is purely a browser issue.
Unfortunately, the ONLY workaround we've found that was worthwhile involved "changing the title with javascript".
There's a bug in Adobe's bug tracker with various workarounds. I guess one of them should work...
http://bugs.adobe.com/jira/browse/FP-240

Modify Google Chrome or Mozilla Firefox display settings

I would like to know if it is possible to modify Chrome or Firefox display settings, so that it would only show rectangles of HTML DOM objects? What I want to do is to decrease rendering engine job amount as much as possible, so it would only build layout of the page.
People usually refer to this mode of operation as "headless" (i.e. without UI).
Usually there's an additional requirement - to be able to run it server-side without the usual for client software installed. If you're running it client-side, I wouldn't bother about optimization, it shouldn't give you a big win anyway.
Otherwise, try searching using that term. I've seen it asked for several times, but haven't seen a working out-of-box solution.
[edit] just saw http://hg.mozilla.org/incubator/offscreen, which seems to be a headless version of Mozilla.
I wouldn't go as low-level as modifying the renderer. Instead, I suggest you use Firefox's Greasemonkey to replace the elements from the page with whatever it is you need. You'll need to know a bit of JavaScript, but it's not that hard.
However, this will only work on client side. If you want to do this on server-side ( so that it will work on any page a user requests through your own ), my guess is you'll need to grab the page's content in a string, and then modify it using a HTML parser.