Chemotherapeutic resistance poses a significant challenge in cancer treatment, resulting in the reduced efficacy of standard chemotherapeutic agents. Abnormal metabolism, particularly increased anaerobic glycolysis, has been identified as a major contributing factor to chemotherapeutic resistance. To address this issue, noninvasive imaging techniques capable of visualizing tumor glycolysis are crucial. However, the currently available methods (such as PET, MRI, and fluorescence) possess limitations in terms of sensitivity, safety, dynamic imaging capability, and autofluorescence. Here, we present the de novo design of a unique afterglow molecular scaffold based on hemicyanine and rhodamine dyes, which holds promise for low-background optical imaging. In contrast to previous designs, this scaffold exhibits responsive "OFF-ON" afterglow signals through spirocyclization, thus enabling simultaneous control of photodynamic effects and luminescence efficacy. This leads to a larger dynamic range, broader detection range, higher signal enhancement ratio, and higher sensitivity. Furthermore, the integration of multiple functionalities simplifies probe design, eliminates the need for spectral overlap, and enhances reliability. Moreover, we have expanded the applications of this afterglow molecular scaffold by developing various probes for different molecular targets. Notably, we developed a water-soluble pH-responsive afterglow nanoprobe for visualizing glycolysis in living mice. This nanoprobe monitors the effects of glycolytic inhibitors or oxidative phosphorylation inhibitors on tumor glycolysis, providing a valuable tool for evaluating the tumor cell sensitivity to these inhibitors. Therefore, the new afterglow molecular scaffold presents a promising approach for understanding tumor metabolism, monitoring chemotherapeutic resistance, and guiding precision medicine in the future.