I am going to display plugin for firefox and google chrome. i know that all this plugins are developed using javascript and CSS but i donnot know how to display sidebar panel for example facebook chat panel.
thanks in advance.
For information on how to write a Chrome extension, see the Chrome Extension docs.
https://developer.chrome.com/extensions/index.html
For information on how to write a Firefox extension, see the Firefox Extension docs.
https://developer.mozilla.org/en-US/docs/Extensions
In Chrome, for example, you'll need to insert a content script on the page you wish to display other information beyond what's already displayed. For more detail, see here:
http://developer.chrome.com/extensions/content_scripts.html
Related
Hi i found this page:
https://crossme.jp/
and I wonder if it's using fullpage javascript for the images. I know that is using three JavaScript for the effect of the cursor, but for the effect of background images I don't know.
I use google inspect for all my projects and I don't how to debug the java-scripts in the page.
Please help as I want to replicate this page.
In chrome you can check source tab in developer tools and find it out.
Or you can simply check the page source of the webpage and search for jquery.
But to answer your question, this page is using jQuery v1.10.2
And for the cursor as well as 3D effects for images, this page is using mrdoob's 3D library : https://github.com/mrdoob/three.js/
My website system is running on chrome 37+ and using Angular.js and bootstrap.
For some reason, I can't print my website.
When i try to print my website (using the browser print dialog), I usually get a blank print preview ("can not load print preview"). Sometimes it is not blank, but not really show my website.
I tried to run my website on some google chrome versions and some computers and it is not working.
I have been searching for reasons, but can't find one that will fix this issue.
Let my know for reasons for this issue. Thank you.
Chrome actually does have emulation of printing. See
You'll find this in a tab adjacent to console within developer tools. By enabling CSS media on print, you'll see your site with any print media applied. Once enabled, you may use the element inspection as usual to see how those extra css rules affect your site.
In particular, bootstrap will remove any background, and run a bunch of defaults across many typical elements.
Also, see this answer https://stackoverflow.com/a/21156904/2923245
asking again the question Using Google Chrome to debug and edit javascript embedded in HTML page
if there is a Javascript embedded in html page can i edit it .in this question he accepted an answer.In this answer's second comment by antyrat "Well you're right, but you can edit this at Elements tab instead." but when i edit javascript in script tag changes doesn't affect code flow.Please guideline is it possible to change embedded js in html page in chrome dev tools or not ??
You can make changes to the javascript in a page using chrome developer tools but those changes do not get saved. You will need to manually go and change it in the respective .js file for the changes to take effect. Only if you want to preview the change temporarily, you can try those with the chrome developer tools
I'll try to be as descriptive as possible.
Here an extension for Google Chrome, Stylebot. This allows to apply some CSS code on a page, this allowing you to stylize this page like you want. With this tool I'm able to edit the styles of the web pages I use in order to hide Ads or other page elements I do not like when access it. The problem is that this too allows only to edit CSS code, but what i need for now, is a similar too that will allow to do the same, but with JavaScript coding. So whenever I would access this web page, that script will apply automatically.
Does anyone know such Google Chrome extension that would allow this?
Thank You,
George
I used tumblr's javascript embed code to embed my posts into an external website. Now I want to style the posts. Where can I find the full list of tags, classes, and all of that in order to do this? I see people posting some of the tags, for exampe ol.tumblr_posts, but no one has said how or where they actually found out that's the tag tumblr is using for that particular element.
Someone mentioned using the web developer extension in Firefox to pull out the HTML associated with the javascript file but I can't use Firefox so I need another suggestion? I did go to tumblr's docs but the tags and everything used for customizing themes WITHIN tumblr seem to be different from the ones used to display posts outside of tumblr.
I also looked around in the api section and didn't see anything that lists all of the tags. Thanks!
UPDATE: Here's a post that discusses what I'm talking about but none of the people giving answers that show what tags to use to format the script's output say how or where they got the tags.
tumblr javascript embed with css skin
This website is the one that said to use the FF add on but again, the person who figures out how to find the tags using it doesn't say HOW, they just say it worked. I'm finally in a place where I can use Firefox so I installed this web developer thing and I still don't see where I would go to see the info that shows the actual html with all the styles instead of just showing the link to the js code.
http://forums.macrumors.com/showthread.php?t=745299
Chrome and Opera's developer console is CTRL + SHIFT + I... try looking in the source there
IE's dev tools is f12 if you can't use Chrome
Also: I'm not sure if this is what you're talking about but I'll throw in this link for good measure:
http://www.tumblr.com/docs/en/custom_themes
I figured it out! Unfortunately, the only way I could do this was to use the Firefox Web Developer Toolbar Add-On. Once you have that installed, you go to the webpage where you've embedded your blog's javascript code.
Then, in the Firefox toolbar, there should be a tab that says "Miscellaneous". Click on that, then click on "Edit HTML". A new pane opens up towards the bottom of the browser. Inside, it will show the source of the webpage INCLUDING the information that the javascript code generates, which shows the classes, html, and all of that.
It's still not a ton that you can customize compared to using the api (which I don't know how to do) but it's a start. Thanks everyone!