การเขียนโปรแกรม google-chrome

3

ฉันหวังว่าฉันจะไม่ทำตัวโง่ ๆ แต่ฉันพยายามทำความเข้าใจว่าเกิดอะไรขึ้นในโค้ดสองบรรทัดนี้: document.body.innerHTML = 'something'; alert('something else'); สิ่งที่ฉันสังเกตคือการแจ้งเตือนจะแสดงก่อนที่จะอัปเดต HTML (หรืออาจจะมี แต่หน้ายังไม่ได้รับการรีเฟรช / ทาสีใหม่ / อะไรก็ตาม) ชำระเงินนี้codepenเพื่อดูสิ่งที่ผมหมายถึง โปรดทราบว่าแม้แต่การใส่alertเข้าไปsetTimeout(..., 0)ก็ไม่ช่วยอะไร ดูเหมือนว่าจะต้องใช้เหตุการณ์วนซ้ำมากกว่าในinnerHTMLการอัปเดตเพจ แก้ไข: ฉันลืมบอกว่าฉันใช้ Chrome และไม่ได้ตรวจสอบเบราว์เซอร์อื่น ดูเหมือนว่าจะปรากฏเฉพาะใน Chrome เท่านั้น อย่างไรก็ตามฉันยังคงสนใจว่าเหตุใดจึงเกิดขึ้น

103 javascript html google-chrome dom

3

Shadow Root คืออะไร

ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Google Chrome ฉันเห็น#shadow-rootขวาใต้<html lang="en">แท็ก ใช้ทำอะไรและใช้ทำอะไร? ฉันไม่เห็นมันใน Firefox หรือใน IE เฉพาะใน Chrome นี่เป็นคุณสมบัติพิเศษหรือไม่ ถ้าฉันเปิดมันจะแสดง<head>และ<body>และลิงค์ข้างชื่อrevealโดยการคลิกจะชี้ไปที่<head>และ<body>ไม่มีอะไรอื่น

103 html google-chrome dom google-chrome-devtools

8

ตัวเลือกสำหรับการทดสอบพนักงานบริการผ่าน HTTP

ฉันต้องการทดสอบพนักงานบริการ แต่ฉันมีการตั้งค่าโฮสต์เสมือนและดูเหมือนว่าฉันไม่สามารถเปิดใช้ https บน localhost ได้ ฉันจะอนุญาต URL โฮสต์เสมือนในพื้นที่ของฉันเพื่อทดสอบพนักงานบริการได้อย่างไรเมื่อใดก็ตามที่ฉันพยายามและลงทะเบียนสำหรับผู้ให้บริการบน localhost Chrome ระบุว่าต้องใช้ https เพื่อเปิดใช้งานผู้ปฏิบัติงานบริการ ฉันจะผ่านข้อ จำกัด นี้ได้อย่างไรอย่างน้อยสำหรับการทดสอบในพื้นที่

103 javascript google-chrome service-worker progressive-web-apps

2

แคชหน่วยความจำ Chrome เทียบกับแคชดิสก์

ฉันสนใจแคชหน่วยความจำ Chrome เทียบกับดิสก์แคชหรือไม่ ฉันใช้ webpack ซึ่งเป็นปลั๊กอินส่วนใหญ่และสร้างไฟล์ทั้งหมดของฉันด้วย chunkhash หน่วยความจำแตกต่างจากดิสก์แคชอย่างไร เมื่อฉันโหลดหน้าของฉันใหม่ไฟล์บางไฟล์จะถูกโหลดจากแคชหน่วยความจำและบางไฟล์จากแคชของดิสก์ (bundle.js และ image.jpg จากแคชหน่วยความจำและ css จากดิสก์แคช) บางครั้งมันก็แตกต่างกัน เราควบคุมได้ไหมเลือกสิ่งที่โหลดจากที่ไหน แคชหน่วยความจำดูเหมือนจะเร็วกว่าแคชของดิสก์

103 google-chrome caching webpack

11

จะใช้กฎ CSS เฉพาะกับ Chrome เท่านั้นได้อย่างไร

มีวิธีใช้ CSS ต่อไปนี้กับเฉพาะdivใน Google Chrome หรือไม่? position:relative; top:-2px;

102 css google-chrome css-hack

6

Chrome แฮงค์หลังจากมีการถ่ายโอนข้อมูลจำนวนหนึ่ง - กำลังรอซ็อกเก็ตที่พร้อมใช้งาน

ฉันมีเกมบนเบราว์เซอร์และฉันเพิ่งเริ่มเพิ่มเสียงในเกม Chrome ไม่โหลดทั้งหน้าและติดขัด"91 requests | 8.1 MB transferred"และไม่โหลดเนื้อหาเพิ่มเติม และมันยังทำลายเว็บไซต์ในแท็บอื่น ๆ ทั้งหมดอีกWaiting for available socketด้วย หลังจาก 5 นาที (แน่นอน) ข้อมูลจะถูกโหลด สิ่งนี้ไม่เกิดขึ้นบนเบราว์เซอร์อื่น ๆ การลบไฟล์ MP3 หนึ่งไฟล์ (ไฟล์ที่เพิ่มล่าสุด) ช่วยแก้ปัญหาได้ดังนั้นอาจเป็นปัญหาการ จำกัด ข้อมูลหรือไม่?

101 sockets google-chrome http networking streaming

15

เพิ่มขนาดตัวอักษรคอนโซลโครเมียม

ฉันจะเพิ่มขนาดตัวอักษรในคอนโซล Chrome ได้อย่างไร ดูเหมือนว่าพอลไอริชทำ: http://www.youtube.com/watch?v=4mf_yNLlgic อัปเดต คำแนะนำบางประการเกี่ยวกับการปรับแต่งธีม: https://plus.google.com/115133653231679625609/posts/UZF34wPJXsL

101 google-chrome console

3

JavaScript: วิธีตั้งค่า Conditional Break Point ในเครื่องมือดีบักเกอร์ Chrome

ฉันมีไฟล์ js ที่เรียบง่ายซึ่งพิมพ์วันที่อย่างต่อเนื่อง ฉันใช้เครื่องมือ Google Chrome Debugger (F12) คำถามของฉันคือเป็นไปได้ไหมที่จะตั้งจุดพักตามเงื่อนไขใน Google Chrome? ในรหัสของฉันฉันต้องการกำหนดจุดพักถ้าค่าวินาทีเท่ากับ 50 ?? s = date.getSeconds(); นี่คือ jsfiddle ที่มาของฉัน (ไม่แน่ใจว่าทำไมมันไม่ทำงานใน jsfiddle) อย่างไรก็ตามคำถามของฉันคือเป็นไปได้หรือไม่ที่จะตั้งค่าจุดแตกหักในเครื่องมือ Chrome Debugger?

100 javascript google-chrome

9

“ ผู้ให้บริการที่ไม่รู้จัก: aProvider <- a” ฉันจะค้นหาผู้ให้บริการเดิมได้อย่างไร

เมื่อฉันกำลังโหลดแอปพลิเคชัน AngularJS เวอร์ชัน minified (ผ่าน UglifyJS) ฉันได้รับข้อผิดพลาดต่อไปนี้ในคอนโซล: Unknown provider: aProvider <- a ตอนนี้ฉันรู้แล้วว่านี่เป็นเพราะชื่อตัวแปรที่สับสน เวอร์ชันที่ไม่มีการเชื่อมต่อใช้งานได้ดี อย่างไรก็ตามฉันทำต้องการที่จะทำให้การใช้ชื่อ mangling ตัวแปรตามที่มันลดฮวบขนาดของไฟล์ที่ส่งออกของเรา JS ด้วยเหตุนี้เราจึงใช้ngminในกระบวนการสร้างของเรา แต่ดูเหมือนจะไม่สามารถแก้ไขปัญหานี้ได้แม้ว่าจะให้บริการเราได้ดีในอดีตก็ตาม ดังนั้นเพื่อแก้ปัญหานี้ฉันจึงเปิดใช้งานแผนที่แหล่งที่มาในงานที่น่าเกลียดของเรา พวกเขาสร้างขึ้นได้ดีและ Chrome ก็ทำได้โหลดแผนที่จากเซิร์ฟเวอร์ แต่ฉันยังคงได้รับข้อความแสดงข้อผิดพลาดที่ไม่เป็นประโยชน์เหมือนเดิมแม้ว่าฉันจะรู้สึกว่าตอนนี้ฉันควรจะเห็นชื่อเดิมของผู้ให้บริการแล้วก็ตาม ฉันจะทำให้ Chrome ใช้แผนที่ต้นทางเพื่อบอกฉันได้อย่างไรว่าผู้ให้บริการรายใดเป็นปัญหาที่นี่หรืออีกวิธีหนึ่งฉันจะค้นหาผู้ให้บริการด้วยวิธีอื่นได้อย่างไร

100 angularjs google-chrome uglifyjs source-maps

4

ฉันจะป้องกันไม่ให้ textarea ขยายเกินองค์ประกอบ DIV หลักได้อย่างไร (ปัญหา google-chrome เท่านั้น)

ฉันจะป้องกันไม่ให้พื้นที่ข้อความขยายเกินองค์ประกอบ DIV หลักได้อย่างไร ฉันมีพื้นที่ข้อความนี้อยู่ในตารางซึ่งอยู่ภายใน DIV และดูเหมือนว่ามันจะทำให้ทั้งตารางยืดออกไปนอกขอบเขต คุณสามารถดูตัวอย่างของสถานการณ์เดียวกันได้แม้ในกรณีที่ง่ายกว่านั้นเพียงแค่ใส่พื้นที่ข้อความภายใน div (เช่นสิ่งที่ใช้ที่นี่ใน www.stackoverflow.com) คุณสามารถดูได้จากภาพด้านล่างว่า textarea สามารถขยายได้เกินขนาดของแม่หรือไม่? ฉันจะป้องกันสิ่งนี้ได้อย่างไร? ฉันยังใหม่กับ CSS ดังนั้นฉันจึงไม่รู้จริงๆว่าควรใช้แอตทริบิวต์ CSS อะไร ฉันพยายามหลายประการเช่นการแสดงผลและล้น แต่ดูเหมือนพวกเขาจะไม่ทำเคล็ดลับ มีอะไรอีกบ้างที่ฉันอาจพลาดไป? อัปเดต: HTML CSS textarea { max-width: 50%; } #container { width: 80%; border: 1px solid red; } #cont2{ width: 60%; border: 1px solid blue; } หากคุณใส่รหัสนี้ไว้ในhttp://jsfiddle.netคุณจะเห็นว่ารหัสเหล่านี้ทำงานแตกต่างกัน แม้ว่า …

100 css google-chrome textarea

7

จะรับผลลัพธ์ของ console.trace () เป็น string ใน javascript ด้วย chrome หรือ firefox ได้อย่างไร

console.trace()แสดงผลลัพธ์บนคอนโซล ฉันต้องการได้ผลลัพธ์เป็นสตริงและบันทึกลงในไฟล์ ฉันไม่ได้กำหนดชื่อฟังก์ชั่นและฉันยังไม่สามารถได้รับชื่อของพวกเขาด้วย callee.caller.name

100 javascript firefox google-chrome console stack-trace

16

ตรวจสอบว่าผู้ใช้ติดตั้งส่วนขยาย Chrome หรือไม่

ฉันอยู่ในขั้นตอนการสร้างส่วนขยาย Chrome และเพื่อให้ทุกอย่างทำงานได้ตามที่ฉันต้องการฉันต้องการสคริปต์ JavaScript ภายนอกเพื่อให้สามารถตรวจจับได้ว่าผู้ใช้ติดตั้งส่วนขยายของฉันหรือไม่ ตัวอย่างเช่น: ผู้ใช้ติดตั้งปลั๊กอินของฉันจากนั้นไปที่เว็บไซต์ที่มีสคริปต์ของฉันอยู่ เว็บไซต์ตรวจพบว่าส่วนขยายของฉันได้รับการติดตั้งและอัปเดตหน้าตามนั้น เป็นไปได้หรือไม่

100 javascript google-chrome google-chrome-extension

6

วิธีใช้ Chrome Web Inspector เพื่อดูโค้ดโฮเวอร์

การใช้ Chromes Web Inspector เพื่อดูโค้ดมีประโยชน์มาก แต่คุณจะดูตัวอย่างรหัสโฮเวอร์ของปุ่มได้อย่างไร? คุณจะต้องวางเมาส์เหนือปุ่มจึงไม่สามารถใช้ (เมาส์) ในตัวตรวจสอบได้ มีทางลัดหรือวิธีอื่น ๆ ในการดำเนินการนี้ในผู้ตรวจสอบหรือไม่?

99 css google-chrome google-chrome-devtools web-inspector

4

จะไปที่ไฟล์เฉพาะใน Chrome Developer Tools ได้อย่างไร

ฉันกำลังพัฒนาเว็บแอปพลิเคชันด้วยแนวทางส่วนหน้าที่หนักหน่วง ด้วยการใช้ Dojo และ AMD-way ขณะนี้ฉันมีหน้าจอทดสอบซึ่งอาจโหลดไฟล์ javascript ได้มากกว่าร้อยไฟล์ เมื่อฉันต้องการแก้ไขข้อบกพร่องสำหรับปัญหาใด ๆ หรือตรวจสอบว่าฉันเห็นไฟล์เวอร์ชันเก่าหรือไม่ฉันพบว่ามันยากมากที่จะหาไฟล์ของฉันในแท็บแหล่งที่มาในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome มีทางลัดหรือการดำเนินการใดที่ฉันสามารถทำได้ที่จะให้ฉันพิมพ์ชื่อไฟล์และจะพาฉันไปยังแหล่งที่มาของไฟล์นั้น

99 javascript debugging google-chrome google-chrome-devtools frontend

10

ใบรับรอง SSL ที่ลงนามด้วยตนเองไม่ถูกต้อง -“ Subject Alternative Name Missing”

เมื่อเร็ว ๆ นี้ Chrome หยุดทำงานกับใบรับรอง SSL ที่ลงนามด้วยตนเองของฉันและคิดว่าไม่ปลอดภัย เมื่อฉันดูใบรับรองในDevTools | Securityแท็บฉันจะเห็นว่ามันระบุ Subject Alternative Name ขาดใบรับรองสำหรับไซต์นี้ไม่มีส่วนขยาย Subject Alternative Name ที่มีชื่อโดเมนหรือที่อยู่ IP ข้อผิดพลาดของใบรับรองมีปัญหากับห่วงโซ่ใบรับรองของไซต์ (net :: ERR_CERT_COMMON_NAME_INVALID) ฉันจะแก้ไขปัญหานี้ได้อย่างไร?

99 google-chrome ssl https pkix

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