Google Chrome扩展程序可编辑Visual force页面文本框

Question

I've developed a simple google chrome extension, that edits current page textbox values.

This is my content.js page

 window.addEventListener ("load", myMain, false); function myMain (evt) { try { var inputs, index; inputs = document.getElementsByTagName('input'); for (index = 0; index < inputs.length; ++index) { // deal with inputs[index] element. if(inputs[index].type=='text') { inputs[index].value='SampleValue'; } } } catch(e) { } } 

This works fine for normal HTML pages.

BUT

This does not work for Salesforce visual force pages. I've used document.getElementById('SamplemainPage:mainForm:pageBlock1:pageBlockSection1:myId1').value='Sample Text';

at the bottom of my visualforce page, Then it works and change the value of my text box.

But when i put same code snippet to content.js it does not work.

How it is possible? because it says think content.js as a part of current web page. So i believe it should work

Answer 1

1.Please upload you js file into static resource and

[ https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_resources_reference.htm][1]

2. inlcude script like this

    <apex:includeScript value="{!$Resource.MyJavascriptFile}"/>