คำถามติดแท็ก google-chrome

ฉันมีจาวาสคริปต์เล็กน้อยเพื่อเปลี่ยนสไตล์: sel = document.getElementById('my_id'); sel.className = sel.className.replace(/item-[1-9]-selected/,'item-1-selected'); return false; ใช้งานได้ดีกับ FF, Opera และ IE เวอร์ชันล่าสุด แต่ล้มเหลวใน Chrome และ Safari เวอร์ชันล่าสุด มันมีผลต่อลูกหลานสองคนซึ่งเกิดขึ้นเป็นพี่น้อง การปรับปรุงพี่น้องคนแรก แต่ครั้งที่สองไม่ได้ทำ ลูกขององค์ประกอบที่สองยังมีโฟกัสและมีแท็ก<a>ที่มีรหัสข้างต้นในแอตทริบิวต์onclick ใน Chrome หน้าต่าง“เครื่องมือสำหรับนักพัฒนา” ถ้าฉันเขยิบ (เช่นยกเลิกการเลือกและการตรวจสอบ) ใดแอตทริบิวต์ใด ๆองค์ประกอบการปรับปรุงพี่น้องสองกับรูปแบบที่ถูกต้อง มีวิธีแก้ปัญหาที่ง่ายและโปรแกรม "เขยิบ" WebKit ไปทำสิ่งที่ถูกต้องหรือไม่?

247 css  google-chrome  safari  webkit 

ฉันใช้ส่วนขยายบุรุษไปรษณีย์ Chrome เพื่อทดสอบ API ของฉันและต้องการส่งรหัสประจำอาร์เรย์ผ่านทางโพสต์ มีวิธีการส่งรายการสิ่งนี้เป็นพารามิเตอร์ในบุรุษไปรษณีย์หรือไม่ { user_ids: ["1234", "5678"] }

246 google-chrome  rest  post 

ฉันมีปัญหาในการออกแบบกับ Google Chrome และฟังก์ชั่นป้อนอัตโนมัติในรูปแบบ หาก Chrome จดจำการเข้าสู่ระบบ / รหัสผ่านบางส่วนมันจะเปลี่ยนสีพื้นหลังเป็นสีเหลือง นี่คือภาพหน้าจอบางส่วน: วิธีลบพื้นหลังนั้นหรือเพียงแค่ปิดใช้งานการป้อนอัตโนมัตินี้

245 html  css  forms  google-chrome  autofill 

ฉันชอบความสามารถในการแก้ไขจาวาสคริปต์ในตัวแก้ไขข้อบกพร่องของ Chrome แต่ฉันพบว่าอาจเป็นปัญหาจริง ๆ ที่การดีบักเกอร์จะเรียก JavaScript จากเซิร์ฟเวอร์อีกครั้ง บางครั้งฉันต้องไปไกลแค่ปิดตัวดีบักและโหลดเฟรมทำงานอีกครั้ง - แต่เวลาอื่น ๆ (dI ไม่สามารถตรึงลงภายใต้เงื่อนไขที่เกิดขึ้น) ฉันต้องล้างแคชอินเทอร์เน็ตชั่วคราวของฉัน บางครั้งฉันสาบานว่าจะต้องปิด Chrome อย่างสมบูรณ์จากนั้นล้างแคชแล้วโหลดหน้าเว็บก่อนที่ตัวดีบักจะแสดงสคริปต์ที่ทันสมัยที่สุดให้ฉันในที่สุด (NB. ไม่มีการแคชสคริปต์โดยเว็บเซิร์ฟเวอร์) ฉันสงสัยว่าถ้าใครรู้วิธีที่ง่ายและรวดเร็วในการบอกดีบักเกอร์ให้ยกเลิกการใช้จาวาสคริปต์ทั้งหมดและทำการดึงข้อมูลใหม่ทั้งหมดบนหน้าโหลดซ้ำหรือไม่

244 google-chrome  google-chrome-devtools 

ฉันพยายามใช้JSON.stringify(object)แต่มันไม่ได้ลงไปในโครงสร้างและลำดับชั้นทั้งหมด ในทางกลับกันconsole.log(object)ทำเช่นนั้น แต่ฉันไม่สามารถบันทึกได้ ในconsole.logผลลัพธ์ฉันสามารถขยายเด็กทีละคนและเลือกและคัดลอก / วาง แต่โครงสร้างนั้นใหญ่สำหรับมัน

240 javascript  json  google-chrome 

ฉันกำลังทำงานกับส่วนขยายใน Chrome และฉันสงสัยว่า: อะไรคือวิธีที่ดีที่สุดในการค้นหาว่าองค์ประกอบใดที่มีอยู่ การใช้จาวาสคริปต์ธรรมดาที่มีช่วงเวลาที่ตรวจสอบจนกว่าจะมีองค์ประกอบอยู่หรือ jQuery มีวิธีง่ายๆในการทำเช่นนี้หรือไม่?

237 javascript  jquery  google-chrome  google-chrome-extension 

ใน Firebug แท็บ DOM จะแสดงรายการตัวแปรสาธารณะและวัตถุทั้งหมดของคุณ ในคอนโซลของ Chrome คุณต้องพิมพ์ชื่อของตัวแปรสาธารณะหรือวัตถุที่คุณต้องการสำรวจ มีวิธี - หรืออย่างน้อยคำสั่ง - เพื่อให้คอนโซลของ Chrome แสดงรายการตัวแปรสาธารณะและวัตถุทั้งหมดหรือไม่ มันจะประหยัดการพิมพ์จำนวนมาก

236 javascript  google-chrome  google-chrome-devtools 

ฉันต้องการติดตามกิจกรรมเครือข่ายที่เกิดขึ้นเมื่อฉันคลิกที่ลิงก์ ปัญหาคือลิงก์เปิดแท็บใหม่และเห็นได้ชัดว่าเครื่องมือ Dev ทำงานได้ตามแท็บที่เปิดอยู่ "เก็บรักษาบันทึกการนำทาง" ไม่ช่วย วิธีแก้ปัญหาปัจจุบันของฉันคือย้ายไปที่ FireFox และ HttpFox ซึ่งไม่มีปัญหานี้ ฉันสงสัยว่านักพัฒนาซอฟต์แวร์ทั้งหมดของ Chrome จะจัดการกับสิ่งนี้ได้อย่างไรมันฟังดูค่อนข้างธรรมดา (แน่นอนฉันได้ค้นหาคำตอบแล้วไม่พบว่ามีประโยชน์อะไร)

236 google-chrome  google-chrome-devtools 

มีวิธีใดที่รวดเร็วในการทำให้ Chrome ส่งออกการประทับเวลาเป็นลายลักษณ์อักษรconsole.log(เช่นเดียวกับ Firefox) หรือกำลังเติมnew Date().getTime()ตัวเลือกเท่านั้น?

235 javascript  google-chrome 

ฉันต้องการมีเมนูแนวตั้งที่มีความสูงเฉพาะ เด็กแต่ละคนต้องเติมความสูงของผู้ปกครองและมีข้อความที่อยู่ตรงกลาง จำนวนลูกเป็นแบบสุ่มดังนั้นฉันต้องทำงานกับค่าแบบไดนามิก Div .containerมีจำนวนลูกที่สุ่ม ( .item) ที่จะต้องเติมความสูงของพาเรนต์เสมอ เพื่อให้บรรลุว่าฉันใช้ flexbox สำหรับการสร้างลิงก์ที่มีข้อความตรงกลางฉันใช้display: table-cellเทคนิค แต่การใช้ตารางแสดงผลต้องใช้ความสูง 100% ปัญหาของฉัน.item-inner { height: 100% }คือไม่ทำงานใน webkit (Chrome) มีการแก้ไขสำหรับปัญหานี้หรือไม่? หรือมีเทคนิคที่แตกต่างกันในการ.itemเติมเต็มความสูงของผู้ปกครองด้วยข้อความแนวตั้งที่ตรงกลาง ตัวอย่างที่นี่ jsFiddle ควรดูใน Firefox และ Chrome .container { height: 20em; display: flex; flex-direction: column; border: 5px solid black } .item { flex: 1; border-bottom: 1px solid white; …

235 css  google-chrome  webkit  flexbox 

แอตทริบิวต์ไม่ได้ทำงานกับmaxlength <input type="number">สิ่งนี้เกิดขึ้นเฉพาะใน Chrome <input type="number" class="test_css" maxlength="4" id="flight_number" name="number"/>

231 html  google-chrome 

ความแตกต่างระหว่างคอลัมน์ 'ตัวเอง' และ 'รวม' ในการทำโปรไฟล์ Chrome CPU ของรหัส JS คืออะไร

229 javascript  google-chrome  profiling 

ฉันพยายามพิมพ์หน้าเอกสาร ในหน้านั้นฉันให้ตารางสีพื้นหลัง เมื่อฉันดูตัวอย่างก่อนพิมพ์ในโครเมี่ยมการไม่แสดงผลบนคุณสมบัติสีพื้นหลัง ... ดังนั้นฉันจึงลองคุณสมบัตินี้: -webkit-print-color-adjust: exact; แต่ก็ยังไม่แสดงสี http://jsfiddle.net/TbrtD/ .vendorListHeading { background-color: #1a4567; color: white; -webkit-print-color-adjust: exact; } <div class="bs-docs-example" id="soTable" style="padding-top: 10px;"> <table class="table" style="margin-bottom: 0px;"> <thead> <tr class="vendorListHeading" style=""> <th>Date</th> <th>PO Number</th> <th>Term</th> <th>Tax</th> <th>Quote Number</th> <th>Status</th> <th>Account Mgr</th> <th>Shipping Method</th> <th>Shipping Account</th> <th style="width: 184px;">QA</th> <th id="referenceSO">Reference</th> …

223 google-chrome  css  printing  webkit 

มีวิธีที่ง่ายกว่า (เนทีฟหรือไม่) ในการรวมไฟล์สคริปต์ภายนอกในเบราว์เซอร์ Google Chrome หรือไม่? ขณะนี้ฉันทำเช่นนี้: document.head.innerHTML += '<script src="http://example.com/file.js"></script>';

221 javascript  google-chrome  console  include 

ฉันส่งคำขอ POST ไปยังเว็บไซต์ HTTP (ที่ไม่ใช่ HTTPS) ตรวจสอบคำขอในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome และพบว่ามันเพิ่มส่วนหัวของตัวเองก่อนที่จะส่งไปยังเซิร์ฟเวอร์: Upgrade-Insecure-Requests: 1 หลังจากทำการค้นหาUpgrade-Insecure-Requestsฉันสามารถค้นหาข้อมูลเกี่ยวกับเซิร์ฟเวอร์ที่ส่งหัวข้อนี้เท่านั้น : Content-Security-Policy: upgrade-insecure-requests นี้ดูเหมือนว่าเกี่ยวข้อง แต่ก็ยังแตกต่างกันมากเนื่องจากในกรณีของลูกค้าจะส่งส่วนหัวในการขอใช้บริการในขณะที่ข้อมูลทั้งหมดที่ฉันได้พบคือเกี่ยวกับ SERVER ส่งส่วนหัวที่เกี่ยวข้องในการตอบสนอง แล้วเหตุใด Chrome จึงเพิ่มUpgrade-Insecure-Requestsการร้องขอของฉันและทำอะไรได้บ้าง(44.0.2403.130 m) อัพเดท 2016-08-24: ส่วนหัวนี้ได้รับการเพิ่มเป็นคำแนะนำผู้สมัคร W3Cและขณะนี้ได้รับการยอมรับอย่างเป็นทางการ สำหรับผู้ที่เพิ่งเจอคำถามนี้และสับสนคำตอบที่ดีโดย Simon East อธิบายได้ดี Upgrade-Insecure-Requests: 1ส่วนหัวที่ใช้จะเป็นHTTPS: 1 ในร่าง W3C ทำงานก่อนหน้านี้และได้เปลี่ยนชื่อเป็นอย่างเงียบ ๆโดย Chrome ก่อนการเปลี่ยนแปลงกลายเป็นที่ยอมรับอย่างเป็นทางการ (คำถามนี้ถูกถามในระหว่างการเปลี่ยนแปลงนี้เมื่อไม่มีเอกสารอย่างเป็นทางการเกี่ยวกับส่วนหัวนี้และ Chrome เป็นเบราว์เซอร์เดียวที่ส่งส่วนหัวนี้)

221 google-chrome  http  http-headers  upgrade-insecure-requests