142091 2015-02-27 11:03:19 -0800 Web Inspector: Type information, code coverage, and pretty print don't work with source mapped files 2026-01-12 09:08:05 -0800 1 1 1 Unclassified WebKit Web Inspector 528+ (Nightly build) All All ASSIGNED InRadar P2 Normal --- 1 rjett nvasilyev graouts inspector-bugzilla-changes jonowells webkit-bug-importer oldest_to_newest 1072738 0 247523 rjett 2015-02-27 11:03:19 -0800 Created attachment 247523 Screenshot of how the buttons look when looking at a source mapped file I've yet to successfully get any of the new Web Inspector features working in our project. I think it has something to do with source mapping (we use inline). If I click on the built file the the Resources pane, the type and pretty print buttons become available, but if I drill down in to a particular file I can't enable them. 1072739 1 webkit-bug-importer 2015-02-27 11:03:35 -0800 <rdar://problem/19986753> 1072744 2 timothy 2015-02-27 11:10:30 -0800 What is the mime type of the source mapped resource? 1072762 3 joepeck 2015-02-27 11:39:49 -0800 We only have a pretty printer for CSS / JS. If the resource you are looking at is a different type, then pretty printing would be disabled. Assuming we add a pretty printer for the particular mime type we could enable it. SourceCodeTextEditor has: canBeFormatted: function() { // Currently we assume that source map resources are formatted how the author wants it. // We could allow source map resources to be formatted, we would then need to make // SourceCodeLocation watch listen for mappedResource's formatting changes, and keep // a formatted location alongside the regular mapped location. if (this._sourceCode instanceof WebInspector.SourceMapResource) return false; ... } Since source maps are almost always the user authored styles, it seems fine if pretty-printing is not enabled. Do you have a good counter-example? As for code coverage / type information. I don't think we have tried yet to map JS code blocks back to the original. That will take some experimentation but seems worthwhile! For simple minification this should work well. One issue with source mapping is variable renames are lost. If a function "foo(alpha, beta)" is minified to "f(a,b)" the variable names have changed. This is the best case, which we might be able to detect. But worst case, the code is transformed in a non 1-1 mapping, and variable names cannot be determined. Looking at some code in the source map resource, it may may have been expanded in multiple places (inlined for instance) in the generated resource. SourceMaps provide the mapping from generated resource back to original resource, not necessarily the other way around. 1073369 4 rjett 2015-03-02 10:30:33 -0800 The source mapped files are JavaScript files. It makes sense that the the pretty printer doesn't work for source mapped files. It just felt odd that it didn't work. Maybe it should be hidden when viewing source mapped files? We never work with the original JavaScript files in our projects. All files are built in to a single debug file that gets included on the page, so it might be nice if the code coverage and type information worked here. The type / code coverage info is available if I look at my top level built file, but if I set breakpoints, when they hit I'm taken in to the source mapped file. So if I want to see that info I have to go back to the single file and scroll through my source looking for that particular point in code. 1073530 5 timothy 2015-03-02 17:02:24 -0800 If the source mapped files are JavaScript, we should be able to pretty print them. I suspect we just don't have the right MIME-type or some other bugs here. 1073546 6 joepeck 2015-03-02 17:54:39 -0800 (In reply to comment #5) > If the source mapped files are JavaScript, we should be able to pretty print > them. I suspect we just don't have the right MIME-type or some other bugs > here. See the code snippet from Comment #3. 1073568 7 timothy 2015-03-02 19:05:35 -0800 Oh, sorry Joe. Didn't see that. Makes sense. 247523 2015-02-27 11:03:19 -0800 2015-02-27 11:03:19 -0800 Screenshot of how the buttons look when looking at a source mapped file not-enabled.png image/png 6505 rjett iVBORw0KGgoAAAANSUhEUgAAAOUAAAC5CAIAAABY52/NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0 NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFu Y2VJRD0ieG1wLmlpZDo0ODQ5QTRGOUI2RDYxMUU0QkVDMDg5MzYwN0U0OTVBRiIgeG1wTU06RG9j dW1lbnRJRD0ieG1wLmRpZDo0ODQ5QTRGQUI2RDYxMUU0QkVDMDg5MzYwN0U0OTVBRiI+IDx4bXBN TTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ4NDlBNEY3QjZENjExRTRC RUMwODkzNjA3RTQ5NUFGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ4NDlBNEY4QjZENjEx RTRCRUMwODkzNjA3RTQ5NUFGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4 bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DawTsAAAFdtJREFUeNrsXUuLXUUXrarT3YoG2pAM BIk4CPju+CWQOAh0HDhx4EDoH6A/TOeCZuJAUBAdJETwETERVMTHoAmoEBTRpG/VV7Xrtetxb59+ pm/ftbr79Lmv86hatffau/Y5V25ubgoAmBMsGWPQCsC8QKEJAPAVAKAHANhXNAEAvgIA9AAA+4om AMBXAABfAehX6FcA9hUAwFcAegB6AIB9BQDwFYAegB4AYF8BAHwFwFc0AQD9CgCwrwD4iiYAoAcA APYVAF/RBAD4CgDQrwDsK5oAAF8BAHoAgH1FEwDgKwBADwCwr2gCAHwFAOgBAPYVTQCArwAAvgLQ r9CvAOwrAICvAPQA9AAA+woA4CsAvqIJAOhXAIB9BcBXNAEAPQAAsK8A+IomAKAHAAD2FQBf0QQA +AoA0K8A7CuaAABfAQB6AIB9RRMA4CsAQA8AsK9oAgB8BQDwFYB+hX4FYF8BAHwFoAd++eUXtAIw L5DQr8ADxwcffLC+vg49ABw7PfDnn38ya0s/HSss/bPcGNOq6a6IuBGZV/nnTfrhu3a7SfuKyz35 Dr/P6W8ojiGc+dg9Gv6h+LnRh8uaKjVL/Sd4A8QeiCuy88fP6+RjJ48nX5VSjJbFmcuZdAmNbMr2 NjVdGr7aH+n+QqeYcm/S/RtJ2VbJyM4/09LMMLbJqWSfzUCTjkyK9kT7n+sNdmoP6WRZbBHbOsXH ZfypW0VmtpYdZ8Sx1XhL5biVRTdWhKWHycS2fDVmBrtMbktJXWNEwVjP4Ww7ZOqmvl3MVDYFZ5q1 YmC4PYcDqIZLOWgrgylbfyG7DqgY7h1rHM/bvj20Yxi+7sXcoMUojq0qU6vIsJppK3di3Oear6xF GVll45rLnjEUqfnGNqH1JSdlx8ZkprtVD/+kDP1GveF+lQwHRF1ZDwJTuMxsaalvDT9GUVCWja3G JbMAtPwYtYY/u+qcJB8WsjXIsis/qK3SAZnQFqlNCr66PbvNUhPk3gkkZY6oMDfHm69GT/wJpwZK TTSNspkBzHbJyGHfyTNcoTDa2F+7oL/4IrV+QDIhUvBhUG/L8IeeCP5oo6WXhUzNHsGYxriajr2U waYZ6Z10OhQZV2NzCdPogUaNmDhMDBuxOi2ETmM4tGhoAgtFLWKXWtqxbGg810eaOrHBJ5988sor r+wjafZ9gzvg62QyEZkmSmYj502GYd4ws5aMqhddoS+Dn/NsNS0ZcgfRj4NdmsSh5OrcMWi7TM+I vgwN3S+ZLeMiggmJuAvOlDLaMpVJDA6Y+RmZDJqMZk8WNA1nHkWNae1/2m9kqPtPo1bT6KV1y9r4 gbg/2xZKObIa6h27VJaxio5PmWhgTRIMDw737t379ttvb926ZVfaV1dWVp5//vkXXnjBrozZmm2W Dl+3tu7b9gij2PaD8iu2iTRlu0Lzy0awkVuTQXxxG5J4YDi3QvcEsk4m2lPWdRQ3FTIwlZZh2HTc tolMNcwOikityiUEliaPK+K/xCq2ZLpXcpNfrMvMXa8vvUn3LkayxmKGPAugMGpZa9DQTZQ1IZqT qVeIr2ZQrlssX92voV6zu1IkoFRwLL6ndsLaL7/88neCJdO5c+du3rxpCXeacP78+Z2mUU+dOrWx sfHwww+3r/777783btyw73njjTfGbO3q1aubm5s1X+/ft3z1P4NvDqWCM1XUEFmemehvu8FKoGXg hiiMl++p3D2ERNkkKRMNVGSqNHlvXBh4mtql8UyV2X0mG8gNrOeJzsKZ8dVwc81NrN9OGMDBzAUK qfBUJFXUk9GRm9qyJsIG90KDd+KZ6kevmQSNlPiqkm21GJTRbs0Mrpvir31WSGKsexjIGpzdSHz1 1Vevvvqq5dmjjz5qH1rKnj179o8//vjoo492yte7d+/O4KIl8fr6+jvvvDNya/bN7777bmVlLV/v xSbRtlVscxjnbewJD87baJ0TXt6KNJFOIEOka2m7UndF++p1gOuiiWesyYRNOiSS1VnvIDBMIQ3d IyU9WY2UibJELWZlw7DxQpk74igU6b8sWSsN1wCBNCpzx3sfzt/49jhqsq8x2b6b1AShISb0N/G/ ROJJOE4fPigaGUTLQU0cZe2v/YwayLgMzsoaM8jgB71tUWLneesnn3ySP3yUsAs9MGaudPx8qjXw a2trX3/9dcnXe/+5ZrAtMmhH17xBd87O4JqcMDK1PipFauSByBRMtlZHrhBdPXOo04zOgjIaVLf0 vUbdR3xiOQcikiGWWNcoKBrxy6gmKq0dLKvbNTexOshaWgmOQJosMiQzq6qF3aAMXll6cxizTkX6 Lo9WE8xqGLcT4ulWSVl3hGHUqrRXPRmsHdHKWY/BftKSVTt9oIQeHEOdiSHjToZmZ2SdJnn3IoW/ IvBn/kfY6XYuXbr0448//v333/7hiRMnLF/vObLqJWtXh8ovU7Iq5Kt8is/HWb0IiPn/7G9Fsrym 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 RU5ErkJggg==